Krab•17mo ago

npx convex dev - Subsequent property declarations must have the same type (@types/react)

Hi, I've been trying to determine what exactly is wrong when I try to run (I'm on Notion clone tutorial - Authentication part)

npx convex dev

npx convex dev

It looks like some mixed ependencies? Anyone had same issue?

3442             tspan: React.SVGProps<SVGTSpanElement>;
                 ~~~~~

  node_modules/@types/react/index.d.ts:3526:13
    3526             tspan: React.SVGProps<SVGTSpanElement>;
                     ~~~~~
    'tspan' was also declared here.

../node_modules/@types/react/index.d.ts:3443:13 - error TS2717: Subsequent property declarations must have the same type.  Property 'use' must be of type 'SVGProps<SVGUseElement>', but here has type 'SVGProps<SVGUseElement>'.

3443             use: React.SVGProps<SVGUseElement>;
                 ~~~

  node_modules/@types/react/index.d.ts:3527:13
    3527             use: React.SVGProps<SVGUseElement>;
                     ~~~
    'use' was also declared here.

../node_modules/@types/react/index.d.ts:3444:13 - error TS2717: Subsequent property declarations must have the same type.  Property 'view' must be of type 'SVGProps<SVGViewElement>', but here has type 'SVGProps<SVGViewElement>'.

3444             view: React.SVGProps<SVGViewElement>;
                 ~~~~

  node_modules/@types/react/index.d.ts:3528:13
    3528             view: React.SVGProps<SVGViewElement>;
                     ~~~~
    'view' was also declared here.


Found 186 errors in 2 files.

Errors  Files
     7  node_modules/@types/react/index.d.ts:3323
   179  ../node_modules/@types/react/index.d.ts:3244
Terminate batch job (Y/N)? Y

3442             tspan: React.SVGProps<SVGTSpanElement>;
                 ~~~~~

  node_modules/@types/react/index.d.ts:3526:13
    3526             tspan: React.SVGProps<SVGTSpanElement>;
                     ~~~~~
    'tspan' was also declared here.

../node_modules/@types/react/index.d.ts:3443:13 - error TS2717: Subsequent property declarations must have the same type.  Property 'use' must be of type 'SVGProps<SVGUseElement>', but here has type 'SVGProps<SVGUseElement>'.

3443             use: React.SVGProps<SVGUseElement>;
                 ~~~

  node_modules/@types/react/index.d.ts:3527:13
    3527             use: React.SVGProps<SVGUseElement>;
                     ~~~
    'use' was also declared here.

../node_modules/@types/react/index.d.ts:3444:13 - error TS2717: Subsequent property declarations must have the same type.  Property 'view' must be of type 'SVGProps<SVGViewElement>', but here has type 'SVGProps<SVGViewElement>'.

3444             view: React.SVGProps<SVGViewElement>;
                 ~~~~

  node_modules/@types/react/index.d.ts:3528:13
    3528             view: React.SVGProps<SVGViewElement>;
                     ~~~~
    'view' was also declared here.


Found 186 errors in 2 files.

Errors  Files
     7  node_modules/@types/react/index.d.ts:3323
   179  ../node_modules/@types/react/index.d.ts:3244
Terminate batch job (Y/N)? Y

4 Replies

KrabOP•17mo ago

package.json just in case:

{
  "name": "achievements-pro",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "lint": "next lint"
  },
  "dependencies": {
    "@clerk/clerk-react": "^4.26.4",
    "@radix-ui/react-dropdown-menu": "^2.0.6",
    "@radix-ui/react-slot": "^1.0.2",
    "class-variance-authority": "^0.7.0",
    "clsx": "^2.0.0",
    "convex": "^1.3.1",
    "lucide-react": "^0.287.0",
    "next": "13.5.4",
    "next-themes": "^0.2.1",
    "react": "^18",
    "react-dom": "^18",
    "tailwind-merge": "^1.14.0",
    "tailwindcss-animate": "^1.0.7"
  },
  "devDependencies": {
    "@types/node": "^20",
    "@types/react": "^18",
    "@types/react-dom": "^18",
    "autoprefixer": "^10",
    "eslint": "^8",
    "eslint-config-next": "13.5.4",
    "postcss": "^8",
    "tailwindcss": "^3",
    "typescript": "^5"
  }
}

{
  "name": "achievements-pro",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "lint": "next lint"
  },
  "dependencies": {
    "@clerk/clerk-react": "^4.26.4",
    "@radix-ui/react-dropdown-menu": "^2.0.6",
    "@radix-ui/react-slot": "^1.0.2",
    "class-variance-authority": "^0.7.0",
    "clsx": "^2.0.0",
    "convex": "^1.3.1",
    "lucide-react": "^0.287.0",
    "next": "13.5.4",
    "next-themes": "^0.2.1",
    "react": "^18",
    "react-dom": "^18",
    "tailwind-merge": "^1.14.0",
    "tailwindcss-animate": "^1.0.7"
  },
  "devDependencies": {
    "@types/node": "^20",
    "@types/react": "^18",
    "@types/react-dom": "^18",
    "autoprefixer": "^10",
    "eslint": "^8",
    "eslint-config-next": "13.5.4",
    "postcss": "^8",
    "tailwindcss": "^3",
    "typescript": "^5"
  }
}

jamwt•17mo ago

@Krab how does that compare to the one in @CodeWithAntonio 's repository? the package.json specifically

ballingt•17mo ago

Adding "skipLibCheck": true, to the tsconfig.json in the convex/ directory usually fixes this, but it would be interested to know what's different from the @CodeWithAntonio 's repository

KrabOP•17mo ago

@jamwt - there's few minor version differences but nothing special i guess. @ballingt - thank you! this works perfectly

npx convex dev - Subsequent property declarations must have the same type (@types/react)

Did you find this page helpful?