Update build and update README

Author: YYsuni

README.md

@@ -75,17 +75,17 @@ import 'react18-json-view/src/style.css'
 ### CustomizeNode
 ```ts
 (params: { node: any; indexOrName: number | string | undefined; depth: number }) =>
-	| {
-			add?: boolean
-			edit?: boolean
-			delete?: boolean
-			enableClipboard?: boolean
-			collapsed?: boolean
-			className?: string
-	  }
-	| React.FC
-	| typeof React.Component
-	| React.ReactElement<any, any>
+  | {
+    add?: boolean
+    edit?: boolean
+    delete?: boolean
+    enableClipboard?: boolean
+    collapsed?: boolean
+    className?: string
+  }
+  | React.FC
+  | typeof React.Component
+  | React.ReactElement<any, any>
 ```
 
 ## Editable
@@ -150,6 +150,6 @@ react-json-view does not support React 18.
 - [ ] display data type
 - [ ] display object size
 - [ ] handle circle loop
-- [x] redesign docs ★
+- [x] redesign docs
 
 * tree?

website/src/contents/themes.tsx

@@ -31,11 +31,13 @@ export default function Themes() {
 	const [theme, setTheme] = useState(themes[0])
 	const { theme: glabalTheme } = useTheme()
 	const currentTheme =
-		glabalTheme === 'system'
-			? window.matchMedia('(prefers-color-scheme: dark)').matches
-				? 'dark'
-				: 'light'
-			: glabalTheme
+		typeof window !== 'undefined'
+			? glabalTheme === 'system'
+				? window.matchMedia('(prefers-color-scheme: dark)').matches
+					? 'dark'
+					: 'light'
+				: glabalTheme
+			: 'light'
 
 	const currentBgColor = currentTheme === 'light' ? bgColors[theme] : bgColors_dark[theme]
 

website/src/lib/storage.ts

@@ -1,5 +1,5 @@
 export const setStorage = (key: string, value: string) => {
-	window.localStorage.setItem(key, value)
+	if (typeof window !== 'undefined') window.localStorage.setItem(key, value)
 }
 
 export const getStorage = (key: string) => {