search

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.51k stars 307 forks source link

Failed prop type: The prop `dismiss.isRequired` is marked as required in `MaterialTailwind.MenuCore`, but its value is `undefined`. #534

Closed peterwang-s closed 4 months ago

peterwang-s commented 6 months ago

I want to control how menu components are hidden, so write '< Menu dismiss={{ itemPress: false }}> `，This type definition comes from

image

Environment

"@material-tailwind/react": "^2.1.7",
"next": "14.0.3",
"react": "^18",
"react-dom": "^18",
"tailwindcss": "^3.3.0",
"typescript": "^5"

But I got this type checking error，

Warning: Failed prop type: The prop `dismiss.isRequired` is marked as required in `MaterialTailwind.Menu`, but its value is `undefined`.
    at eval (webpack-internal:///(ssr)/./node_modules/@material-tailwind/react/components/Menu/index.js:58:22)
    at AboutUsNavListMenu (webpack-internal:///(ssr)/./app/components/navbar/about-us-nav-list-menu.tsx:40:86)
    at nav
    at eval (webpack-internal:///(ssr)/./node_modules/@material-tailwind/react/components/List/index.js:84:28)
    at NavList
    at div
    at div
    at nav
    at eval (webpack-internal:///(ssr)/./node_modules/@material-tailwind/react/components/Navbar/index.js:91:26)
  1. Whether the dismiss attribute can be supported？
  2. Is there another way to control something like the dismiss method？