お世話になります。
「Next.jsとSupabase、Stripeで構築するサブスクメンバーシップ機能」と、前提となる認証システム構築編をZennで購入した初心者です。
まずは記事に沿って(コピペして)npm run dev で動作する状態までもっていき、動かしながら詳しくコードを追っていこうと思っております。
とりあえず(おそらく)記事どおりにコピペしたと思うのですが、
app\components\member\member-detail.tsx
の137行目でランタイムエラーが発生しました。
ReferenceError: memberId is not defined
<MembershipDetail memberships={memberships} memberId={memberId} />
確かに memberId が同ファイルで定義されていません。
解説動画で該当箇所の作成シーンを確認すると、その時点では「emberId={memberId} 」をMembershipDetail に引数として渡していないように見えます。
Youtube動画「NextjsとSupabaseStripeで構築するサブスクメンバーシップ機能」の26:00前後
初歩的な質問で恐縮ですが、解決の道筋をご教示いただけないでしょうか。
何卒宜しくお願い致します。
新しいコードに差し替えたところ、本件のエラーが解消されました。
早速のご返答ありがとうございました!!
ご指摘ありがとうございます。
助かります。
MemberDetailの引数にmemberIdを追加してzennを修正しました。
ご確認をお願いします。
// メンバー詳細
const MemberDetail = ({
posts,
memberId,
memberships,
profile,
subscriptions,
}: {
posts: PostWithProfileType[] | null
memberId: string
memberships: MembershipType[] | null
profile: ProfileType
subscriptions: SubscriptionType[] | null
}) => {
https://zenn.dev/hathle/books/next-supabase-membership-book/viewer/08_membership