fix: ignore DOMException by accessing localStorage (#123)

* fix: ignore DOMException by accessing localStorage

* chore: use as Theme instead of ts-expect-error

Author: koba04

packages/swr-devtools-panel/src/components/ThemeProvider.tsx

@@ -5,8 +5,13 @@ const THEME_KEY = "$swr-devtools:theme";
 
 const initialTheme = (): Theme => {
   if (typeof window === "undefined") return "system";
-  // @ts-expect-error
-  return localStorage.getItem(THEME_KEY) || "system";
+  let theme: Theme = "system";
+  try {
+    theme = localStorage.getItem(THEME_KEY) as Theme;
+  } catch {
+    // noop
+  }
+  return theme;
 };
 
 const getThemeByPreference = () =>
@@ -42,7 +47,11 @@ export const ThemeProvider = ({ children }: { children: React.ReactNode }) => {
     setTheme(initialTheme());
   }, []);
   useEffect(() => {
-    localStorage.setItem(THEME_KEY, theme);
+    try {
+      localStorage.setItem(THEME_KEY, theme);
+    } catch {
+      // noop
+    }
   }, [theme]);
   return (
     <ThemeContext.Provider value={{ theme, setTheme }}>