use-local-state-hook

A React custom hook to sync state with localStorage safely.

---

Features:

- Automatically syncs with localStorage
- Set initial value if localStorage is empty
- Converts undefined to null
- Warns if a File or Blob is passed
- Optional callback for invalid values

---

Installation:

``bash
npm install use-local-state-hook
`

---

Usage:

`js
import { useLocalState } from "use-local-state-hook";

// inside the component
const [state, setState] = useLocalState("key", "initial-value");
`

---

Example:


`js
import { useLocalState } from "use-local-state-hook";

export default function App() {
const [value, setValue] = useLocalState("myKey", "", (invalidValue) => {
console.error("Cannot store File/Blob! Saving null instead.");
});

return (
value={value ?? ""}
onChange={(e) => setValue(e.target.value)}
/>
);
}
``