Persist state after a page refresh in React

file.js

  const storedValueAsNumber = Number(localStorage.getItem("limit"));

  const [userLimit, setUserLimit] = useState(
    Number.isInteger(storedValueAsNumber) ? storedValueAsNumber : 0
  );

  useEffect(() => {
    localStorage.setItem("limit", String(userLimit));
  }, [userLimit]);