diff --git a/src/app/page.tsx b/src/app/page.tsx
index 88c927d4..a16ccf59 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -20,7 +20,12 @@ export default function Home() {
     <div className=" bg-lime-300">
       <div className=" p-5">
         {text.map((item) => {
-          return <ObserveComponent content={item.content}></ObserveComponent>;
+          return (
+            <ObserveComponent
+              key={item.id}
+              content={item.content}
+            ></ObserveComponent>
+          );
         })}
       </div>
     </div>
diff --git a/src/utils/axios.ts b/src/utils/axios.ts
new file mode 100644
index 00000000..491e441b
--- /dev/null
+++ b/src/utils/axios.ts
@@ -0,0 +1,8 @@
+import axios from 'axios';
+
+export const axiosInstance = axios.create();
+
+axiosInstance.interceptors.request.use(function setConfig(config) {
+  config.withCredentials = true;
+  return config;
+});