creativetimofficial / material-tailwind

@material-tailwind is an easy-to-use components library for Tailwind CSS and Material Design.
https://material-tailwind.com/
MIT License
3.43k stars 302 forks source link

look #676

Open NuriaAgbasi opened 3 weeks ago

NuriaAgbasi commented 3 weeks ago

Cannot read properties of null (reading 'useContext') TypeError: Cannot read properties of null (reading 'useContext') at useContext (http://localhost:3002/static/js/bundle.js:21236:25) at useTheme (http://localhost:3002/static/js/bundle.js:19732:32) at http://localhost:3002/static/js/bundle.js:19546:40 at renderWithHooks (http://localhost:3002/static/js/bundle.js:75858:22) at updateForwardRef (http://localhost:3002/static/js/bundle.js:79107:24) at beginWork (http://localhost:3002/static/js/bundle.js:81168:20) at HTMLUnknownElement.callCallback (http://localhost:3002/static/js/bundle.js:66114:18) at Object.invokeGuardedCallbackDev (http://localhost:3002/static/js/bundle.js:66158:20) at invokeGuardedCallback (http://localhost:3002/static/js/bundle.js:66215:35) at beginWork$1 (http://localhost:3002/static/js/bundle.js:86113:11)

handhikadsa commented 3 weeks ago

same here, i think there is a bug or something with the component

eggert-plaio commented 3 weeks ago

I got the same error, after I upgraded "react" and "react-dom" to version 18.3.1. I had to downgrade those two packages to version 18.2.0 to be able to keep using "@material-tailwind/react".

imaiomar commented 3 weeks ago

I got the same error, after I upgraded "react" and "react-dom" to version 18.3.1. I had to downgrade those two packages to version 18.2.0 to be able to keep using "@material-tailwind/react".

worked perfectly, thanks !

NuriaAgbasi commented 3 weeks ago

I got the same error, after I upgraded "react" and "react-dom" to version 18.3.1. I had to downgrade those two packages to version 18.2.0 to be able to keep using "@material-tailwind/react".

It worked thanks 😊

mike-katz commented 2 weeks ago

is there no solution from material-tailwind team?

mike-katz commented 2 weeks ago

I got the same error, after I upgraded "react" and "react-dom" to version 18.3.1. I had to downgrade those two packages to version 18.2.0 to be able to keep using "@material-tailwind/react".

Not working

@eggert-plaio this is my package.json

{
  "name": "myapp",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@material-tailwind/react": "^2.0.4",
    "@testing-library/jest-dom": "^5.17.0",
    "@testing-library/react": "^13.4.0",
    "@testing-library/user-event": "^13.5.0",
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "react-scripts": "5.0.1",
    "web-vitals": "^2.1.4"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": [
      "react-app",
      "react-app/jest"
    ]
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  },
  "devDependencies": {
    "tailwindcss": "^3.3.2"
  }
}
handhikadsa commented 2 weeks ago

I got the same error, after I upgraded "react" and "react-dom" to version 18.3.1. I had to downgrade those two packages to version 18.2.0 to be able to keep using "@material-tailwind/react".

Not working

@eggert-plaio this is my package.json

{
  "name": "myapp",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@material-tailwind/react": "^2.0.4",
    "@testing-library/jest-dom": "^5.17.0",
    "@testing-library/react": "^13.4.0",
    "@testing-library/user-event": "^13.5.0",
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "react-scripts": "5.0.1",
    "web-vitals": "^2.1.4"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": [
      "react-app",
      "react-app/jest"
    ]
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  },
  "devDependencies": {
    "tailwindcss": "^3.3.2"
  }
}

dont use "^" instead do this: "react": "18.2.0", "react-dom": "18.2.0",

mike-katz commented 2 weeks ago

@handhikadsa

Working fine Thanks.