Jotai atomWithHash example

atomReplaceState.ts

const modalOpenAtom = atomWithHash("modalOpen", false, {
  replaceState: true,
});

atoms.ts

import { atomWithHash } from "jotai/utils";

export const modalOpenAtom = atomWithHash("modalOpen", false);

cloudLogState.ts

cloudLogFilters = {
  "type": "build",
  "timeRange": { "type": "days", "value": 7 },
  "buildLogExpanded": 1
}

ExampleModal.tsx

import { useAtom } from "jotai";
import { modalOpenAtom } from "./atoms";

function ExampleModal() {
  const [open, setOpen] = useAtom(modalOpenAtom);
  return (
    <Dialog
      open={open}
      onClose={() => setOpen(false)}
      ...
    />
  )
}