How to refetch data in an error boundary?

[musjj]

I'm trying to refetch a query when an error bubbles up to an error boundary:

<ErrorBoundary FallbackComponent={ErrorFallback}>
  <Suspense fallback={SuspenseFallback}>
    <FetchingComponent /> {/* component throws when there is an error from the query */}
  </Suspense>
</ErrorBoundary>

ErrorFallback is pretty basic:

"use client";

import { useErrorBoundary } from "react-error-boundary";

export function ErrorFallback({ error }: { error: Error }) {
  const { resetBoundary } = useErrorBoundary();

  return (
    <div role="alert">
      <p>Something went wrong:</p>
      <pre style={{ color: "red" }}>{error.message}</pre>
      <button onClick={resetBoundary}>Try again</button>
    </div>
  );
}

While clicking on Try again seems to remount the component, it does not cause a refetch. Is there a way to fix this?