diff --git a/src/index.tsx b/src/index.tsx
index 5d7e454..d367650 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -2,12 +2,17 @@ import React from "react";
 import { createRoot } from "react-dom/client";
 import App from "./App";
 import "src/lang/index";
+import { RecoilRoot } from "recoil";
 
 const rootElement = document.getElementById("root");
 if (!rootElement) throw new Error("Failed to find the root element");
 const root = createRoot(rootElement);
 root.render(
-  <React.StrictMode>
-    <App />
-  </React.StrictMode>,
+  <>
+    <RecoilRoot>
+      <React.StrictMode>
+        <App />
+      </React.StrictMode>
+    </RecoilRoot>
+  </>,
 );