I’m working on a Nextjs(14) project with Ts and i’ve follow the instructions on the doc of MT here.
I faced this error while trying to add ThemeProvider of MT in my layout.tsx file
This is my layout.tsx below
import type { Metadata } from "next";
import { Urbanist } from "next/font/google";
import "./globals.css";
import { ThemeProvider } from "@material-tailwind/react";
const urbanist = Urbanist({ subsets: ["latin"] });
export const metadata: Metadata = {
title: "Create Next App",
description: "Generated by create next app",
};
export default function RootLayout({
children,
}: Readonly<{
children: React.ReactNode;
}>) {
return (
<html lang="en">
<ThemeProvider>
<body className={urbanist.className}>{children}</body>
</ThemeProvider>
</html>
);
}
```.