fix: storage, store 개선

Author: xxziiko

packages/lib/src/createStorage.ts

@@ -1,15 +1,17 @@
 import { createObserver } from "./createObserver.ts";
 
-export const createStorage = <T>(key: string, storage = window.localStorage) => {
-  let data: T | null = JSON.parse(storage.getItem(key) ?? "null");
+export const createStorage = <T>(key: string, storage = typeof window !== "undefined" ? window.localStorage : null) => {
+  let data: T | null = storage ? JSON.parse(storage.getItem(key) ?? "null") : null;
   const { subscribe, notify } = createObserver();
 
   const get = () => data;
 
   const set = (value: T) => {
     try {
       data = value;
-      storage.setItem(key, JSON.stringify(data));
+      if (storage) {
+        storage.setItem(key, JSON.stringify(data));
+      }
       notify();
     } catch (error) {
       console.error(`Error setting storage item for key "${key}":`, error);
@@ -19,7 +21,9 @@ export const createStorage = <T>(key: string, storage = window.localStorage) =>
   const reset = () => {
     try {
       data = null;
-      storage.removeItem(key);
+      if (storage) {
+        storage.removeItem(key);
+      }
       notify();
     } catch (error) {
       console.error(`Error removing storage item for key "${key}":`, error);

packages/lib/src/hooks/useStore.ts

@@ -8,5 +8,8 @@ const defaultSelector = <T, S = T>(state: T) => state as unknown as S;
 
 export const useStore = <T, S = T>(store: Store<T>, selector: (state: T) => S = defaultSelector<T, S>) => {
   const shallowSelector = useShallowSelector(selector);
-  return useSyncExternalStore(store.subscribe, () => shallowSelector(store.getState()));
+  const getSnapshot = () => shallowSelector(store.getState());
+  const getServerSnapshot = () => shallowSelector(store.getState());
+
+  return useSyncExternalStore(store.subscribe, getSnapshot, getServerSnapshot);
 };