TypeError: resetErrorBoundary is not a function in nested List

[tomek3e]

What you were expecting:

What happened instead:
Upon API error for a List resource nested as a FormTab in another resource Edit, navigating to another FormTab causes crash with an error:

resetErrorBoundary is not a function

Other information:

• looking at source code of ListView.tsx the resetErrorBoundary prop given to Error component is null, Error component uses useResetErrorBoundaryOnLocationChange which in turn calls resetErrorBoundary unconditionally, even if it is null.

Environment

• React-admin version: 4.16.12
• React version: 18.2.0
• Browser: Chrome
• Stack trace (in case of a JS error):
  TypeError: resetErrorBoundary is not a function at http://localhost:3000/node_modules/.vite/deps/react-admin.js?v=b8dc2963:7222:7 at commitHookEffectListMount (http://localhost:3000/node_modules/.vite/deps/chunk-QJV3R4PZ.js?v=4e27f65c:16904:34) at commitPassiveMountOnFiber (http://localhost:3000/node_modules/.vite/deps/chunk-QJV3R4PZ.js?v=4e27f65c:18152:19) at commitPassiveMountEffects_complete (http://localhost:3000/node_modules/.vite/deps/chunk-QJV3R4PZ.js?v=4e27f65c:18125:17) at commitPassiveMountEffects_begin (http://localhost:3000/node_modules/.vite/deps/chunk-QJV3R4PZ.js?v=4e27f65c:18115:15) at commitPassiveMountEffects (http://localhost:3000/node_modules/.vite/deps/chunk-QJV3R4PZ.js?v=4e27f65c:18105:11) at flushPassiveEffectsImpl (http://localhost:3000/node_modules/.vite/deps/chunk-QJV3R4PZ.js?v=4e27f65c:19486:11) at flushPassiveEffects (http://localhost:3000/node_modules/.vite/deps/chunk-QJV3R4PZ.js?v=4e27f65c:19443:22) at commitRootImpl (http://localhost:3000/node_modules/.vite/deps/chunk-QJV3R4PZ.js?v=4e27f65c:19412:13) at commitRoot (http://localhost:3000/node_modules/.vite/deps/chunk-QJV3R4PZ.js?v=4e27f65c:19273:13)

[djhi]

Thanks for reporting this. Please provide a sample application showing the issue by forking the following Stackblitz (https://stackblitz.com/github/marmelab/react-admin/tree/master/examples/simple).