blob: e504e9968160a1040d50a4c302e6a48ff9263189 (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
|
// Theming that works perfectly with app router (no flicker, jumps etc!)
import dynamic from "next/dynamic";
// Don't SSR the toggle since the value on the server will be different than the client
export const getThemeToggler = () =>
dynamic(() => import("@repo/ui/shadcn/theme-toggle"), {
ssr: false,
// Make sure to code a placeholder so the UI doesn't jump when the component loads
loading: () => <div className="w-6 h-6" />,
});
|