Losing states between route changes about next.js HOT 1 OPEN

// ...other imports
import { useEventListener, useSessionStorage } from "usehooks-ts";

export const DataView = (props: { initialData: ServerDataType[] }) => {
  const [value, setValue, removeValue] = useSessionStorage(
    "server-data",
    props.initialData
  );

  useEventListener("beforeunload", removeValue);

  async function loadMore() {
  // ...same rest
}