init

frontend/hooks/use-store.ts

@@ -0,0 +1,17 @@
+import { useState, useEffect } from "react";
+/**
+ * This hook fix hydration when use persist to save hook data to localStorage
+ */
+export const useStore = <T, F>(
+  store: (callback: (state: T) => unknown) => unknown,
+  callback: (state: T) => F
+) => {
+  const result = store(callback) as F;
+  const [data, setData] = useState<F>();
+
+  useEffect(() => {
+    setData(result);
+  }, [result]);
+
+  return data;
+};