4 replies

Using Mantine instead of Tailwind gives useInsertionEffect Error

I created a new T3 App, I selected only tRPC, Prisma & NextAuth. I installed Mantine afterwards. I'm using Mantine Ring Progress and some other Components. But it is giving me error -

error - useInsertionEffect only works in Client Components. Add the "use client" directive at the top of the file to use it. Read more: https://nextjs.org/docs/messages/react-client-hook-in-server-component

error - useInsertionEffect only works in Client Components. Add the "use client" directive at the top of the file to use it. Read more: https://nextjs.org/docs/messages/react-client-hook-in-server-component

while runing

npm run dev

npm run dev

npm run build && npm run start

npm run build && npm run start

I'm not using the

app

app

directory. I asked the creator of Mantine, and I've used Mantine Default Template of Next.js, Everything was working as expected in that Template. Link: https://github.com/mantinedev/mantine-next-template

Thanks

GitHub

GitHub - mantinedev/mantine-next-template: Next.js + Mantine template

Next.js + Mantine template. Contribute to mantinedev/mantine-next-template development by creating an account on GitHub.

TTC

Theo's Typesafe Cult•3y ago•

4 replies

BabaYaga

Using Mantine instead of Tailwind gives useInsertionEffect Error

I created a new T3 App, I selected only tRPC, Prisma & NextAuth. I installed Mantine afterwards. I'm using Mantine Ring Progress and some other Components. But it is giving me error -

error - useInsertionEffect only works in Client Components. Add the "use client" directive at the top of the file to use it. Read more: https://nextjs.org/docs/messages/react-client-hook-in-server-component

error - useInsertionEffect only works in Client Components. Add the "use client" directive at the top of the file to use it. Read more: https://nextjs.org/docs/messages/react-client-hook-in-server-component

while runing

npm run dev

npm run dev

npm run build && npm run start

npm run build && npm run start

I'm not using the

app

app

GitHub

GitHub - mantinedev/mantine-next-template: Next.js + Mantine template

Next.js + Mantine template. Contribute to mantinedev/mantine-next-template development by creating an account on GitHub.

Using Mantine instead of Tailwind gives useInsertionEffect Error

Similar Threads

Using Mantine instead of Tailwind gives useInsertionEffect Error

Similar Threads

Similar Threads

Similar Threads