How Best to Handle Query Param Side Effect

useEffect(() => {
  const shouldRestore = dev && new URLSearchParams(location.search).get("_restore") !== null
  if (shouldRestore) {
    (async () => {
      const req = indexedDB.deleteDatabase("/my-db")
      const onDelete = () => {
        const qp = new URLSearchParams(location.search)
        qp.delete("_restore")
        history.replaceState(null, "", `${location.pathname}?${qp.toString()}`)
        location.reload()
      }
      req.onsuccess = () => onDelete()
      req.onerror = (_e) => onDelete()
      req.onblocked = (_e) => onDelete()
    })()
  }

}, [])

useEffect(() => {
  const shouldRestore = dev && new URLSearchParams(location.search).get("_restore") !== null
  if (shouldRestore) {
    (async () => {
      const req = indexedDB.deleteDatabase("/my-db")
      const onDelete = () => {
        const qp = new URLSearchParams(location.search)
        qp.delete("_restore")
        history.replaceState(null, "", `${location.pathname}?${qp.toString()}`)
        location.reload()
      }
      req.onsuccess = () => onDelete()
      req.onerror = (_e) => onDelete()
      req.onblocked = (_e) => onDelete()
    })()
  }

}, [])