Adding more than one member of crew (or cast) throws a React exception
Happens in dev and staging.
- Go to any project with existing crew or cast or create a new project with at least one member of crew or cast.
- Add an author to crew or cast, so that there should be at least two in that category.
- React blows up:
Error: Rendered more hooks than during the previous render.
updateWorkInProgressHook@https://localhost:3000/static/js/bundle.js:70436:17
updateCallback@https://localhost:3000/static/js/bundle.js:71019:18
useCallback@https://localhost:3000/static/js/bundle.js:71596:18
useCallback@https://localhost:3000/static/js/bundle.js:208196:25
./src/components/utils/ProjectAuthorList.tsx/ProjectAuthorList/<.children<@https://localhost:3000/static/js/bundle.js:17125:68
ProjectAuthorList@https://localhost:3000/static/js/bundle.js:17122:32
renderWithHooks@https://localhost:3000/static/js/bundle.js:70264:31
updateFunctionComponent@https://localhost:3000/static/js/bundle.js:73144:24
beginWork@https://localhost:3000/static/js/bundle.js:74856:20
beginWork$1@https://localhost:3000/static/js/bundle.js:79803:18
performUnitOfWork@https://localhost:3000/static/js/bundle.js:79073:16
workLoopSync@https://localhost:3000/static/js/bundle.js:78996:26
renderRootSync@https://localhost:3000/static/js/bundle.js:78969:11
recoverFromConcurrentError@https://localhost:3000/static/js/bundle.js:78461:38
performSyncWorkOnRoot@https://localhost:3000/static/js/bundle.js:78670:24
flushSyncCallbacks@https://localhost:3000/static/js/bundle.js:66697:26
./node_modules/.pnpm/react-dom@18.2.0_react@18.2.0/node_modules/react-dom/cjs/react-dom.development.js/ensureRootIsScheduled/<@https://localhost:3000/static/js/bundle.js:78293:17
VoidFunction*ensureRootIsScheduled@https://localhost:3000/static/js/bundle.js:78285:30
scheduleUpdateOnFiber@https://localhost:3000/static/js/bundle.js:78181:30
dispatchSetState@https://localhost:3000/static/js/bundle.js:71292:32
./node_modules/.pnpm/@chakra-ui+hooks@2.2.1_react@18.2.0/node_modules/@chakra-ui/hooks/dist/chunk-TJQCN7SC.mjs/useForceUpdate/<@https://localhost:3000/static/js/bundle.js:225070:15
forceUpdate@https://localhost:3000/static/js/bundle.js:12386:5
onSelect@https://localhost:3000/static/js/bundle.js:12501:47
onClick@https://localhost:3000/static/js/bundle.js:14262:29
callCallback@https://localhost:3000/static/js/bundle.js:59860:18
invokeGuardedCallbackDev@https://localhost:3000/static/js/bundle.js:59904:20
invokeGuardedCallback@https://localhost:3000/static/js/bundle.js:59961:35
invokeGuardedCallbackAndCatchFirstError@https://localhost:3000/static/js/bundle.js:59975:29
executeDispatch@https://localhost:3000/static/js/bundle.js:64118:46
processDispatchQueueItemsInOrder@https://localhost:3000/static/js/bundle.js:64144:26
processDispatchQueue@https://localhost:3000/static/js/bundle.js:64155:41
dispatchEventsForPlugins@https://localhost:3000/static/js/bundle.js:64164:27
./node_modules/.pnpm/react-dom@18.2.0_react@18.2.0/node_modules/react-dom/cjs/react-dom.development.js/dispatchEventForPluginEventSystem/<@https://localhost:3000/static/js/bundle.js:64324:16
batchedUpdates$1@https://localhost:3000/static/js/bundle.js:78708:16
batchedUpdates@https://localhost:3000/static/js/bundle.js:59708:16
dispatchEventForPluginEventSystem@https://localhost:3000/static/js/bundle.js:64323:21
dispatchEventWithEnableCapturePhaseSelectiveHydrationWithoutDiscreteEventReplay@https://localhost:3000/static/js/bundle.js:61830:42
dispatchEvent@https://localhost:3000/static/js/bundle.js:61824:88
dispatchDiscreteEvent@https://localhost:3000/static/js/bundle.js:61801:22
EventListener.handleEvent*addEventBubbleListener@https://localhost:3000/static/js/bundle.js:62023:14
addTrappedEventListener@https://localhost:3000/static/js/bundle.js:64246:33
listenToNativeEvent@https://localhost:3000/static/js/bundle.js:64190:30
./node_modules/.pnpm/react-dom@18.2.0_react@18.2.0/node_modules/react-dom/cjs/react-dom.development.js/listenToAllSupportedEvents/<@https://localhost:3000/static/js/bundle.js:64201:34
listenToAllSupportedEvents@https://localhost:3000/static/js/bundle.js:64196:25
preparePortalMount@https://localhost:3000/static/js/bundle.js:66221:33
completeWork@https://localhost:3000/static/js/bundle.js:75494:31
completeUnitOfWork@https://localhost:3000/static/js/bundle.js:79106:20
performUnitOfWork@https://localhost:3000/static/js/bundle.js:79082:27
workLoopSync@https://localhost:3000/static/js/bundle.js:78996:26
renderRootSync@https://localhost:3000/static/js/bundle.js:78969:11
performSyncWorkOnRoot@https://localhost:3000/static/js/bundle.js:78661:38
flushSyncCallbacks@https://localhost:3000/static/js/bundle.js:66697:26
./node_modules/.pnpm/react-dom@18.2.0_react@18.2.0/node_modules/react-dom/cjs/react-dom.development.js/ensureRootIsScheduled/<@https://localhost:3000/static/js/bundle.js:78293:17
VoidFunction*ensureRootIsScheduled@https://localhost:3000/static/js/bundle.js:78285:30
scheduleUpdateOnFiber@https://localhost:3000/static/js/bundle.js:78181:30
dispatchSetState@https://localhost:3000/static/js/bundle.js:71292:32
./node_modules/.pnpm/@chakra-ui+hooks@2.2.1_react@18.2.0/node_modules/@chakra-ui/hooks/dist/chunk-7JBTTEVG.mjs/useDisclosure/onOpen<@https://localhost:3000/static/js/bundle.js:224872:16
callCallback@https://localhost:3000/static/js/bundle.js:59860:18
invokeGuardedCallbackDev@https://localhost:3000/static/js/bundle.js:59904:20
invokeGuardedCallback@https://localhost:3000/static/js/bundle.js:59961:35
invokeGuardedCallbackAndCatchFirstError@https://localhost:3000/static/js/bundle.js:59975:29
executeDispatch@https://localhost:3000/static/js/bundle.js:64118:46
processDispatchQueueItemsInOrder@https://localhost:3000/static/js/bundle.js:64144:26
processDispatchQueue@https://localhost:3000/static/js/bundle.js:64155:41
dispatchEventsForPlugins@https://localhost:3000/static/js/bundle.js:64164:27
./node_modules/.pnpm/react-dom@18.2.0_react@18.2.0/node_modules/react-dom/cjs/react-dom.development.js/dispatchEventForPluginEventSystem/<@https://localhost:3000/static/js/bundle.js:64324:16
batchedUpdates$1@https://localhost:3000/static/js/bundle.js:78708:16
batchedUpdates@https://localhost:3000/static/js/bundle.js:59708:16
dispatchEventForPluginEventSystem@https://localhost:3000/static/js/bundle.js:64323:21
dispatchEventWithEnableCapturePhaseSelectiveHydrationWithoutDiscreteEventReplay@https://localhost:3000/static/js/bundle.js:61830:42
dispatchEvent@https://localhost:3000/static/js/bundle.js:61824:88
dispatchDiscreteEvent@https://localhost:3000/static/js/bundle.js:61801:22
EventListener.handleEvent*addEventBubbleListener@https://localhost:3000/static/js/bundle.js:62023:14
addTrappedEventListener@https://localhost:3000/static/js/bundle.js:64246:33
listenToNativeEvent@https://localhost:3000/static/js/bundle.js:64190:30
./node_modules/.pnpm/react-dom@18.2.0_react@18.2.0/node_modules/react-dom/cjs/react-dom.development.js/listenToAllSupportedEvents/<@https://localhost:3000/static/js/bundle.js:64201:34
listenToAllSupportedEvents@https://localhost:3000/static/js/bundle.js:64196:25
createRoot@https://localhost:3000/static/js/bundle.js:81469:33
createRoot$1@https://localhost:3000/static/js/bundle.js:81815:14
./node_modules/.pnpm/react-dom@18.2.0_react@18.2.0/node_modules/react-dom/client.js/exports.createRoot@https://localhost:3000/static/js/bundle.js:81891:16
./src/index.tsx/<@https://localhost:3000/static/js/bundle.js:21274:62
./src/index.tsx@https://localhost:3000/static/js/bundle.js:21321:3
options.factory@https://localhost:3000/static/js/bundle.js:300465:31
__webpack_require__@https://localhost:3000/static/js/bundle.js:299880:33
@https://localhost:3000/static/js/bundle.js:301047:56
@https://localhost:3000/static/js/bundle.js:301049:12
The above error occurred in the <ProjectAuthorList> component:
ProjectAuthorList@https://localhost:3000/static/js/bundle.js:17123:18
div
./node_modules/.pnpm/@emotion+react@11.11.1_@types+react@18.2.43_react@18.2.0/node_modules/@emotion/react/dist/emotion-element-c39617d8.browser.esm.js/withEmotionCache/<@https://localhost:3000/static/js/bundle.js:23258:66
ChakraComponent@https://localhost:3000/static/js/bundle.js:234688:76
FormControl2@https://localhost:3000/static/js/bundle.js:224655:88
div
./node_modules/.pnpm/@emotion+react@11.11.1_@types+react@18.2.43_react@18.2.0/node_modules/@emotion/react/dist/emotion-element-c39617d8.browser.esm.js/withEmotionCache/<@https://localhost:3000/static/js/bundle.js:23258:66
ChakraComponent@https://localhost:3000/static/js/bundle.js:234688:76
./node_modules/.pnpm/@chakra-ui+layout@2.3.1_@chakra-ui+system@2.6.2_@emotion+react@11.11.1_@types+react@18.2.43_r_4flkpz46pop377fjjx3hamkdwu/node_modules/@chakra-ui/layout/dist/chunk-ZHMYA64R.mjs/Stack<@https://localhost:3000/static/js/bundle.js:226617:7
div
./node_modules/.pnpm/@emotion+react@11.11.1_@types+react@18.2.43_react@18.2.0/node_modules/@emotion/react/dist/emotion-element-c39617d8.browser.esm.js/withEmotionCache/<@https://localhost:3000/static/js/bundle.js:23258:66
ChakraComponent@https://localhost:3000/static/js/bundle.js:234688:76
SendAPI@https://localhost:3000/static/js/bundle.js:17774:17
ProjectBasicInfo@https://localhost:3000/static/js/bundle.js:12378:76
div
./node_modules/.pnpm/@emotion+react@11.11.1_@types+react@18.2.43_react@18.2.0/node_modules/@emotion/react/dist/emotion-element-c39617d8.browser.esm.js/withEmotionCache/<@https://localhost:3000/static/js/bundle.js:23258:66
ChakraComponent@https://localhost:3000/static/js/bundle.js:234688:76
TabPanel2@https://localhost:3000/static/js/bundle.js:235544:86
div
./node_modules/.pnpm/@emotion+react@11.11.1_@types+react@18.2.43_react@18.2.0/node_modules/@emotion/react/dist/emotion-element-c39617d8.browser.esm.js/withEmotionCache/<@https://localhost:3000/static/js/bundle.js:23258:66
ChakraComponent@https://localhost:3000/static/js/bundle.js:234688:76
TabPanels2@https://localhost:3000/static/js/bundle.js:235327:88
div
./node_modules/.pnpm/@emotion+react@11.11.1_@types+react@18.2.43_react@18.2.0/node_modules/@emotion/react/dist/emotion-element-c39617d8.browser.esm.js/withEmotionCache/<@https://localhost:3000/static/js/bundle.js:23258:66
ChakraComponent@https://localhost:3000/static/js/bundle.js:234688:76
Tabs2@https://localhost:3000/static/js/bundle.js:235425:88
div
./node_modules/.pnpm/@emotion+react@11.11.1_@types+react@18.2.43_react@18.2.0/node_modules/@emotion/react/dist/emotion-element-c39617d8.browser.esm.js/withEmotionCache/<@https://localhost:3000/static/js/bundle.js:23258:66
ChakraComponent@https://localhost:3000/static/js/bundle.js:234688:76
AbstractTypeObserver@https://localhost:3000/static/js/bundle.js:13810:30
Await@https://localhost:3000/static/js/bundle.js:14659:64
AwaitAPI@https://localhost:3000/static/js/bundle.js:14762:70
AbstractTypeObserver@https://localhost:3000/static/js/bundle.js:13810:30
Await@https://localhost:3000/static/js/bundle.js:14659:64
AwaitAPI@https://localhost:3000/static/js/bundle.js:14762:70
ProjectEdit@https://localhost:3000/static/js/bundle.js:10803:67
RenderedRoute@https://localhost:3000/static/js/bundle.js:203466:7
OutletOrChildren@https://localhost:3000/static/js/bundle.js:16836:69
ProjectDetail@https://localhost:3000/static/js/bundle.js:10512:67
RenderedRoute@https://localhost:3000/static/js/bundle.js:203466:7
OutletOrChildren@https://localhost:3000/static/js/bundle.js:16836:69
Projects@https://localhost:3000/static/js/bundle.js:11785:60
RenderedRoute@https://localhost:3000/static/js/bundle.js:203466:7
Outlet@https://localhost:3000/static/js/bundle.js:204001:20
ErrorBoundary@https://localhost:3000/static/js/bundle.js:15514:5
div
./node_modules/.pnpm/@emotion+react@11.11.1_@types+react@18.2.43_react@18.2.0/node_modules/@emotion/react/dist/emotion-element-c39617d8.browser.esm.js/withEmotionCache/<@https://localhost:3000/static/js/bundle.js:23258:66
ChakraComponent@https://localhost:3000/static/js/bundle.js:234688:76
div
./node_modules/.pnpm/@emotion+react@11.11.1_@types+react@18.2.43_react@18.2.0/node_modules/@emotion/react/dist/emotion-element-c39617d8.browser.esm.js/withEmotionCache/<@https://localhost:3000/static/js/bundle.js:23258:66
ChakraComponent@https://localhost:3000/static/js/bundle.js:234688:76
Flex2@https://localhost:3000/static/js/bundle.js:226248:7
div
./node_modules/.pnpm/@emotion+react@11.11.1_@types+react@18.2.43_react@18.2.0/node_modules/@emotion/react/dist/emotion-element-c39617d8.browser.esm.js/withEmotionCache/<@https://localhost:3000/static/js/bundle.js:23258:66
ChakraComponent@https://localhost:3000/static/js/bundle.js:234688:76
Flex2@https://localhost:3000/static/js/bundle.js:226248:7
AuthRoot@https://localhost:3000/static/js/bundle.js:12795:70
RenderedRoute@https://localhost:3000/static/js/bundle.js:203466:7
OutletOrChildren@https://localhost:3000/static/js/bundle.js:16836:69
OrganizationRedirect@https://localhost:3000/static/js/bundle.js:12979:72
RenderedRoute@https://localhost:3000/static/js/bundle.js:203466:7
Root@https://localhost:3000/static/js/bundle.js:13217:63
RenderedRoute@https://localhost:3000/static/js/bundle.js:203466:7
RenderErrorBoundary@https://localhost:3000/static/js/bundle.js:203410:5
DataRoutes@https://localhost:3000/static/js/bundle.js:202065:7
Router@https://localhost:3000/static/js/bundle.js:204028:7
RouterProvider@https://localhost:3000/static/js/bundle.js:201862:7
EnvironmentProvider@https://localhost:3000/static/js/bundle.js:230525:7
ColorModeProvider@https://localhost:3000/static/js/bundle.js:223141:7
ThemeProvider@https://localhost:3000/static/js/bundle.js:23310:50
ThemeProvider@https://localhost:3000/static/js/bundle.js:234920:7
ChakraProvider@https://localhost:3000/static/js/bundle.js:229892:7
ChakraProvider2@https://localhost:3000/static/js/bundle.js:231598:34
SortableProvider@https://localhost:3000/static/js/bundle.js:297991:24
CookiesProvider@https://localhost:3000/static/js/bundle.js:55337:5
I18nextProvider@https://localhost:3000/static/js/bundle.js:289156:7
React will try to recreate this component tree from scratch using the error boundary you provided, ErrorBoundary.