TTC
Theo's Typesafe Cult•2mo ago
rob

Running into Error: @clerk/nextjs: Missing publishableKey. when following the The Modern React Tutor

Anyone else run into this error when deploying to Vercel? - Clerk is working fine on localhost - NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY added to vercel Environment Variables First time using Clerk so I'm not sure if it's my code or something mis-configured in the Clerk admin https://github.com/ruridge/t3gallery
GitHub
GitHub - ruridge/t3gallery
Contribute to ruridge/t3gallery development by creating an account on GitHub.
Solution:
Looks like it's a Vercel incident: [Vercel status] Investigating: New environment variable not appearing in production deployments https://stspg.io/2jnk8gcxtllr...
New environment variable not appearing in production deployments
Jump to solution
10 Replies
Sturlen
Sturlen•2mo ago
you might need to pass it yourself to the ClerkProvider component: 
...
      <ClerkProvider publishableKey={process.env.NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY}>
        <body>{children}</body>
      </ClerkProvider>
...
      <ClerkProvider publishableKey={process.env.NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY}>
        <body>{children}</body>
      </ClerkProvider>
this is assuming it's inside a client component
rob
rob•2mo ago
I'm using a server component, same as Theo did in the tutorial
rob
rob•2mo ago
Looking into this there is a lot of confusion around the need or not of defining the publishableKey prop
No description
Sturlen
Sturlen•2mo ago
oops, I meant to write server component. this would only work for a server component, not a client component
rob
rob•2mo ago
I'll try it out, I'll 🤦‍♂️ if it's this because I found this prop but noticed Theo wasn't using it lol nah, same issue.
Sturlen
Sturlen•2mo ago
is the key set to be available in production e.g.
No description
rob
rob•2mo ago
yep 👍
No description
Sturlen
Sturlen•2mo ago
I'm out of ideas then. you might want to ask this in Clerk's own Discord server if you haven't already
rob
rob•2mo ago
Thanks for trying, appreciate it 🙏
Solution
rob
rob•2mo ago
Looks like it's a Vercel incident: [Vercel status] Investigating: New environment variable not appearing in production deployments https://stspg.io/2jnk8gcxtllr
New environment variable not appearing in production deployments
Want results from more Discord servers?
Add your server
More Posts
File is uploaded but getting CORSHi everyone, I have next.js app and an endpoint to the laravel backend where I have to upload form Security: How to genuinely not allow HTML?How do you guys do it? I can create a `FileRouter` and not include `blob` or `text` as file types `Vite config ts cannot import `resolve`hey guys. How can I import resolve from path in vite.config.ts?How should I scale my fetch-heavy React/Next.js app?I have a Next.js app that fetches and processes lots of data for an hour or two every few hours. ThiWeird rendering bugs on mobile. Is it NextJS or my CSS skills?I'm developing an app. It works correctly on the web (pc), but when testing it on my smartphone I geClerk thing showing error following theo's react tutorial videoThis is the error I get which was earlier working just fine, I tried to make another app and same er(solved) How to eslint the whole project in VS Code?VS code highlights open files using the eslint config, but how do I lint the whole project? (i.e. alhow to use argon2 on vercelThere seems to be a persistent error when trying to use Argon2 on vercel. The project doesn’t deploy'use client' with tRPC? Type error: This expression is not callableFrom boiler `npx create-t3-app@latest` using the app router: On simple tRPC file `src/server/api/rouuploadthing server SDK inside tRPC route (monorepo)Hello everyone 🙂 I'm using the "create-t3-turbo" template and uploadthing, everything works well