Invalid SDK Key

Support
1

Hey everyone - I am building a Next.js app and want to embed Feathery. I followed the react docs and am getting:

SDKKeyError: Invalid SDK Key

I have tried my Live and Test credentials. I am running locally on localhost.

package.json 
{
  "private": true,
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start"
  },
  "dependencies": {
    "@feathery/react": "^2.1.110",
    "@radix-ui/react-checkbox": "^1.1.1",
    "@radix-ui/react-dropdown-menu": "^2.1.1",
    "@radix-ui/react-label": "^2.1.0",
    "@radix-ui/react-slot": "^1.1.0",
    "@supabase/ssr": "^0.5.1",
    "@supabase/supabase-js": "^2.45.4",
    "autoprefixer": "10.4.17",
    "class-variance-authority": "^0.7.0",
    "clsx": "^2.1.1",
    "geist": "^1.2.1",
    "lucide-react": "^0.436.0",
    "next": "^14.2.13",
    "next-themes": "^0.3.0",
    "prettier": "^3.3.3",
    "react": "18.2.0",
    "react-dom": "18.2.0"
  },
  "devDependencies": {
    "@types/node": "20.10.6",
    "@types/react": "18.2.46",
    "@types/react-dom": "18.2.18",
    "postcss": "8.4.33",
    "tailwind-merge": "^2.5.2",
    "tailwindcss": "3.4.1",
    "tailwindcss-animate": "^1.0.7",
    "typescript": "5.3.3"
  }
}
2

Epiphany… I realized that the variable needed to be defined as NEXT_PUBLIC_FEATHERY_SDK_KEY