How do I reload my page in remix run on a button click in an error boundary component

Question

I have made an error boundary component in my remix app and have a retry button in it. But how do I add the functionality of reload? error boundary component is in root.tsx.

Answer 1

Remember, Remix uses react-router under the hood.

const navigate = useNavigate()
const handleClick = () => {
  navigate('.', { replace: true })
}

https://reactrouter.com/docs/en/v6/hooks/use-navigate