How to Use React useEffect - PageSelector

page-selector.js

function PageSelector() {
  const [page, setPage] = useState(1);
  useEffect(() => {
    // Get page params from URLSearchParams
    const urlParams = new URLSearchParams(window.location.search);
    const params = Object.fromEntries(urlSearchParams.entries());
    // Update page state if exist
    if (params?.page) {
      setPage(params.page);
    }
  }, []);
  // ...
  return (
    <p>{page}</p>
  );
}