aboutsummaryrefslogtreecommitdiffstats
path: root/src/hooks/useStickyState.js
diff options
context:
space:
mode:
Diffstat (limited to '')
-rw-r--r--src/hooks/useStickyState.js16
1 files changed, 16 insertions, 0 deletions
diff --git a/src/hooks/useStickyState.js b/src/hooks/useStickyState.js
new file mode 100644
index 0000000..237362a
--- /dev/null
+++ b/src/hooks/useStickyState.js
@@ -0,0 +1,16 @@
+import { useEffect, useState } from 'react'
+
+const useStickyState = (defaultValue, key) => {
+ const [value, setValue] = useState(() => {
+ const stickyValue = window.localStorage.getItem(key)
+ return stickyValue !== null ? JSON.parse(stickyValue) : defaultValue
+ })
+
+ useEffect(() => {
+ window.localStorage.setItem(key, JSON.stringify(value))
+ }, [key, value])
+
+ return [value, setValue]
+}
+
+export default useStickyState