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.74k stars 320 forks source link

The same as Type '{ children: Element[]; className: string; }' is missing the following properties from type 'Pick<MenuItemProps & ButtonHTMLAttributes<HTMLButtonElement>, "type" | "key" | "id" | "name" | "color" | "translate" | ... 262 more ... | "onResizeCapture">': nonce, onResize, onResizeCapture #379 with Typography, Card, CardHeader #830

Open michaelaboctario opened 5 days ago

michaelaboctario commented 5 days ago

I have this: "dependencies": { "@heroicons/react": "^2.1.5", "@material-tailwind/react": "^2.1.10", "next": "14.2.13", "react": "^18.2.0", "react-dom": "^18" }, "devDependencies": { "@types/node": "^20", "@types/react": "^18.2.21", "@types/react-dom": "^18", "eslint": "^8", "eslint-config-next": "14.2.13", "postcss": "^8", "tailwindcss": "^3.4.1", "typescript": "^5.2.2" }

and .....

is doing Type '{ children: string; color: "blue-gray"; className: string; }' is missing the following properties from type 'Pick': placeholder, onPointerEnterCapture, onPointerLeaveCapture Try to use MaterialTailwind with Nextjs.
Angelgamonal commented 1 day ago

Hi, I suggest checking out discussion https://github.com/creativetimofficial/material-tailwind/issues/651 . You'll find several possible solutions there

michaelaboctario commented 1 day ago

Hi, thanks you. As in discussion #651, using "@types/react": "18.2.39" works for me.