node v18.16.0 npm 9.8.0 npx Next.js v13.4.4 <div class="snippet-clipboard-

Type error: 'Component' cannot be used as a JSX component.,about theodorusclarence/ts-nextjs-tailwind-starter

Comments (3)

101sam commented on May 8, 2024

To fix the issue you need to update npm/yarn dependencies + devDependencies

This works for me:

"dependencies": {
    "clsx": "^1.2.1",
    "next": "^13.4.6",
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "react-icons": "^4.10.1",
    "tailwind-merge": "^1.13.2"
  },
  "devDependencies": {
    "@commitlint/cli": "^17.6.6",
    "@commitlint/config-conventional": "^17.6.6",
    "@svgr/webpack": "^8.0.1",
    "@tailwindcss/forms": "^0.5.3",
    "@testing-library/jest-dom": "^5.16.5",
    "@testing-library/react": "^13.4.0",
    "@types/react": "^18.2.14",
    "@typescript-eslint/eslint-plugin": "^5.61.0",
    "@typescript-eslint/parser": "^5.61.0",
    "autoprefixer": "^10.4.14",
    "eslint": "^8.44.0",
    "eslint-config-next": "^13.4.9",
    "eslint-config-prettier": "^8.8.0",
    "eslint-plugin-simple-import-sort": "^7.0.0",
    "eslint-plugin-unused-imports": "^2.0.0",
    "husky": "^8.0.3",
    "jest": "^29.6.1",
    "lint-staged": "^13.2.3",
    "next-router-mock": "^0.9.7",
    "next-sitemap": "^4.1.8",
    "postcss": "^8.4.25",
    "prettier": "^3.0.0",
    "prettier-plugin-tailwindcss": "^0.3.00",
    "tailwindcss": "^3.3.2",
    "typescript": "^5.1.6"
  },

from ts-nextjs-tailwind-starter.

theodorusclarence commented on May 8, 2024

I've updated the package using depfu, does the problem still persist?

from ts-nextjs-tailwind-starter.

101sam commented on May 8, 2024

Its works now

from ts-nextjs-tailwind-starter.

Related Issues (20)

Recommend Projects