hooks-as-middleware.js

const useLogout = () => {
  // Use any store you want!
  const [_, setStore] = Store.useStore()

  // Have a localStorage hook?
  const [_, setUserToken] = useLocalStorage('userToken')

  // Have a router hook?
  const { navigate } = useLocation()

  return () => {
    // Easy!
    setStore(draft => {
      draft.auth.loading = true
      draft.auth.jwt = null
      draft.auth.user = null
    })
    setUserToken(undefined)
    navigate('/')
  }
}

const App = () => {
  const logout = useLogout()

  return <button onClick={logout}>Logout</button>
}