useFetch: Infinite re-rendering only when NODE_ENV=production

I am experiencing an infinite re-rendering (leading to infinite re-fetch) with the useFetch hook, but only when building in production mode (NODE_ENV=production), not in development-build or running with webpack dev-server.

Honestly I have no clues on how to further debug the issue. The hook depends on a static string only:

export default ({ selection, setSelection }: Props) => {
  const { result: availableData, ...props } = useFetch<AvailableDataMap>(dataFilesUrl);
  const nodes = useSelector(selectNodes);

  if (props.error) return <Alert color="error">{`Error fetching data: ${props.error}`}</Alert>;
  if (props.pending) return <Spinner type="grow" />;

  if (!selection || selection.length === 0) {
    setSelection(Object.keys(availableData).map(nodeId => ({ nodeId, filename: availableData[nodeId][0] })));
  }
  /* ... */

[supermihi]

Perfect, thanks for the quick fix!

[supermihi]

Sure, I’ll try to build a reproducible example asap.