Installation
Install the package using your preferred package manager:
pnpm install suspense-fallback-debugger -E
Requirements
Before you begin, ensure you have the following installed:
- Tailwind CSS 4
Styling
Add the following code to your globals.css file:
@source "../node_modules/suspense-fallback-debugger"; /* Adjust the path as needed */
Add to Your Layout
Import the following into your layout file:
import { DevTools } from "suspense-fallback-debugger";
export default function RootLayout({
children,
}: Readonly<{
children: React.ReactNode;
}>) {
return (
<html lang="en">
<body>
{children}
<DevTools />
</body>
</html>
);
}
You're now ready to start using suspense-fallback-debugger in your project.