Comments (9)
This configuration worked for me
{
"name": "nextjs-tailwind-course-landing-page",
"version": "1.0.0",
"private": true,
"author": "Creative Tim",
"license": "See license in https://www.creative-tim.com/license",
"homepage": "https://demos.creative-tim.com/nextjs-tailwind-course-landing-page",
"scripts": {
"dev": "next dev",
"build": "next build",
"start": "next start",
"lint": "next lint"
},
"dependencies": {
"@heroicons/react": "2.0.18",
"@material-tailwind/react": "2.1.8",
"next": "13.4.0",
"react": "18.2.0",
"react-dom": "18.2.0"
},
"devDependencies": {
"@types/node": "20",
"@types/react": "18.2.22",
"@types/react-dom": "18",
"autoprefixer": "10",
"eslint": "8",
"eslint-config-next": "13.5.4",
"postcss": "8",
"tailwindcss": "3",
"typescript": "5.2.2"
}
}
Installing the @types/react verion 18.2.22 worked for me
from material-tailwind.
This basic issue is from 2 weeks ago, pull requests are not being merged, and so on. Sorry, but I recommend not using this library.
from material-tailwind.
Same issue for me as well. The error detail:
Type error: Type 'Element' is not assignable to type 'NonNullable<ReactNodeLike>'.
52.47 Type 'ReactElement<any, any>' is not assignable to type 'ReactElementLike'.
52.47 Types of property 'key' are incompatible.
52.47 Type 'Key | null' is not assignable to type 'string | null'.
52.47 Type 'number' is not assignable to type 'string'.
52.47
52.47 39 | <ThemeProvider theme={defaultTheme}>
52.47 40 | <TWThemeProvider>
52.47 > 41 | <body>
52.47 | ^
52.47 42 | {children}
52.47 43 | </body>
52.47 44 | </TWThemeProvider>
from material-tailwind.
also have this same issue isnt material tailwind compatible with typescript?
from material-tailwind.
I have the same problem and couldn't figure out the cause, but downgrading to 2.1.8 seems to work for me.
from material-tailwind.
Same issue, downgrade to 2.1.8 works.
from material-tailwind.
This basic issue is from 2 weeks ago, pull requests are not being merged, and so on. Sorry, but I recommend not using this library.
Can't you fix this basic issue and create a PR?
from material-tailwind.
I found the same problem and I think this problem happened because Limitation of TypeScript inside "../context/theme.d.ts"
I think the compiler can't check nonnull type for generic type
from material-tailwind.
@types/react verion 18.2.22 breaks other things for me.
Dirty fix was to cast as Any.
from material-tailwind.
Related Issues (20)
- Lost all the Pseudo-classes when putting on withMT in the tailwind.config.js HOT 1
- Support for Astro v4 HOT 2
- Blocks code not loading for the Accounts Section (Paid) HOT 1
- Overriding certain classes on `Input` requires `!` (important tag)
- TypeScript Error: Props Missing on Material-Tailwind Components HOT 4
- Prop type warning for typography
- Not able to run material-tailwind repo on local getting 404 page not found HOT 2
- Feature request : on hover of social media icons in footer change bg color HOT 2
- Tooltip component is not working with React Icons
- Vite compatibility HOT 2
- typescript support got worst. HOT 2
- Dynamic value not loaded on Select Option component
- Select Component display wrong option after the option List related to it being changed
- look HOT 8
- Tailwind CSS Dark Mode classes are not working with material-tailwind.
- This bug is not solved yet. It took me hours to find out the what's happening. It's just a bug.
- The above error occurred in the <materialtailwind.dialog> component HOT 2
- Your website is broken
- Timeline Connector not always rendering HOT 1
- overflow x website
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from material-tailwind.