jyceN
jyceN
PostsComments
KKinde
Created by jyceN on 1/29/2024 in #💻┃support
Import error with Kinde TypeScript SDK in Next.js 14 project using PNPM
@quacksire this is our package.json: 
{
  "name": "workforce",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "lint": "next lint"
  },
  "dependencies": {
    "@faker-js/faker": "8.0.2",
    "@hookform/resolvers": "^3.3.1",
    "@kinde-oss/kinde-auth-nextjs": "^2.1.5",
    "@memoizcorp/decorators": "workspace:*",
    "@memoizcorp/errors": "workspace:*",
    "@memoizcorp/hooks": "workspace:*",
    "@memoizcorp/logger": "workspace:*",
    "@memoizcorp/tailwind": "workspace:*",
    "@memoizcorp/ui": "workspace:*",
    "@radix-ui/react-dropdown-menu": "^2.0.6",
    "@radix-ui/react-icons": "^1.3.0",
    "@tanstack/react-table": "^8.11.7",
    "date-fns": "2.30.0",
    "next": "14.0.4",
    "nextjs-cors": "^2.2.0",
    "react": "^18",
    "react-day-picker": "^8.10.0",
    "react-dom": "^18",
    "react-hook-form": "^7.46.1",
    "recharts": "^2.10.4",
    "vitest": "0.34.1",
    "zod": "3.22.4"
  },
  "devDependencies": {
    "@types/node": "^20",
    "@types/react": "^18",
    "@types/react-dom": "^18",
    "autoprefixer": "^10.0.1",
    "dotenv": "16.3.1",
    "eslint": "^8",
    "eslint-config-next": "14.0.4",
    "postcss": "^8",
    "raw-loader": "^4.0.2",
    "tailwindcss": "^3.3.0",
    "typescript": "^5",
    "unplugin-swc": "1.3.2"
  }
}
{
  "name": "workforce",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "lint": "next lint"
  },
  "dependencies": {
    "@faker-js/faker": "8.0.2",
    "@hookform/resolvers": "^3.3.1",
    "@kinde-oss/kinde-auth-nextjs": "^2.1.5",
    "@memoizcorp/decorators": "workspace:*",
    "@memoizcorp/errors": "workspace:*",
    "@memoizcorp/hooks": "workspace:*",
    "@memoizcorp/logger": "workspace:*",
    "@memoizcorp/tailwind": "workspace:*",
    "@memoizcorp/ui": "workspace:*",
    "@radix-ui/react-dropdown-menu": "^2.0.6",
    "@radix-ui/react-icons": "^1.3.0",
    "@tanstack/react-table": "^8.11.7",
    "date-fns": "2.30.0",
    "next": "14.0.4",
    "nextjs-cors": "^2.2.0",
    "react": "^18",
    "react-day-picker": "^8.10.0",
    "react-dom": "^18",
    "react-hook-form": "^7.46.1",
    "recharts": "^2.10.4",
    "vitest": "0.34.1",
    "zod": "3.22.4"
  },
  "devDependencies": {
    "@types/node": "^20",
    "@types/react": "^18",
    "@types/react-dom": "^18",
    "autoprefixer": "^10.0.1",
    "dotenv": "16.3.1",
    "eslint": "^8",
    "eslint-config-next": "14.0.4",
    "postcss": "^8",
    "raw-loader": "^4.0.2",
    "tailwindcss": "^3.3.0",
    "typescript": "^5",
    "unplugin-swc": "1.3.2"
  }
}
we only use the nextjs package from @kinde-oss
7 replies
KKinde
Created by jyceN on 1/29/2024 in #💻┃support
Import error with Kinde TypeScript SDK in Next.js 14 project using PNPM
@Andre @ Kinde Added a .npmrc file with: 
node-linker=hoisted
node-linker=hoisted
removed node_modules folder and pnpm install again but I still have the same error
7 replies
KKinde
Created by jyceN on 1/29/2024 in #💻┃support
Import error with Kinde TypeScript SDK in Next.js 14 project using PNPM
I'm importing them from the right package: 
import {
  RegisterLink,
  LoginLink,
} from "@kinde-oss/kinde-auth-nextjs/components";
import {
  RegisterLink,
  LoginLink,
} from "@kinde-oss/kinde-auth-nextjs/components";
I do replicate the issue server side with this code snippet: 
import { handleAuth } from "@kinde-oss/kinde-auth-nextjs/server";

export const GET = handleAuth();
import { handleAuth } from "@kinde-oss/kinde-auth-nextjs/server";

export const GET = handleAuth();
switching to another package manager is not really a viable option for us as the project is part of a monorepo where we use PNPM
7 replies