フルスタックチャンネル
サインアップサインアップ
ログインログイン
利用規約プライバシーポリシーお問い合わせ
Copyright © All rights reserved | FullStackChannel
解決済
memberId によるランタイムエラー
Next.js
初心者
shishimong
2023/07/03 23:13

実現したいこと

お世話になります。

「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前後

初歩的な質問で恐縮ですが、解決の道筋をご教示いただけないでしょうか。
何卒宜しくお願い致します。

回答 2件
login
回答するにはログインが必要です
shishimong
2年近く前

新しいコードに差し替えたところ、本件のエラーが解消されました。
早速のご返答ありがとうございました!!

1
はる@講師
2年近く前

ご指摘ありがとうございます。

助かります。

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