diff --git a/vault/components/theme-provider.tsx b/vault/components/theme-provider.tsx
new file mode 100644
index 0000000..f2df7ce
--- /dev/null
+++ b/vault/components/theme-provider.tsx
@@ -0,0 +1,10 @@
+"use client";
+
+import { ThemeProvider as NextThemesProvider } from "next-themes";
+
+export function ThemeProvider({
+  children,
+  ...props
+}: React.ComponentProps<typeof NextThemesProvider>) {
+  return <NextThemesProvider {...props}>{children}</NextThemesProvider>;
+}