Bug: Rendered fewer hooks in Reflection Group Phase

[Dschoordsch]

Happened by quickly grouping a dozen cards into one group

Uncaught Error: Rendered fewer hooks than expected. This may be caused by an accidental early return statement.
    at renderWithHooks (react-dom.development.js:15050:13)
    at updateFunctionComponent (react-dom.development.js:17356:20)
    at beginWork (react-dom.development.js:19063:16)
    at HTMLUnknownElement.callCallback (react-dom.development.js:3945:14)
    at Object.invokeGuardedCallbackDev (react-dom.development.js:3994:16)
    at invokeGuardedCallback (react-dom.development.js:4056:31)
    at beginWork$1 (react-dom.development.js:23959:7)
    at performUnitOfWork (react-dom.development.js:22771:12)
    at workLoopSync (react-dom.development.js:22702:5)
    at renderRootSync (react-dom.development.js:22665:7)
renderWithHooks @ react-dom.development.js:15050
updateFunctionComponent @ react-dom.development.js:17356
beginWork @ react-dom.development.js:19063
callCallback @ react-dom.development.js:3945
invokeGuardedCallbackDev @ react-dom.development.js:3994
invokeGuardedCallback @ react-dom.development.js:4056
beginWork$1 @ react-dom.development.js:23959
performUnitOfWork @ react-dom.development.js:22771
workLoopSync @ react-dom.development.js:22702
renderRootSync @ react-dom.development.js:22665
performSyncWorkOnRoot @ react-dom.development.js:22288
eval @ react-dom.development.js:11327
unstable_runWithPriority @ scheduler.development.js:468
runWithPriority$1 @ react-dom.development.js:11276
flushSyncCallbackQueueImpl @ react-dom.development.js:11322
flushSyncCallbackQueue @ react-dom.development.js:11309
scheduleUpdateOnFiber @ react-dom.development.js:21888
dispatchAction @ react-dom.development.js:16139
eval @ useForceUpdate.ts:13
setPortal @ PortalProvider.tsx:27
removeClone @ useDraggableReflectionCard.tsx:183
eval @ useDraggableReflectionCard.tsx:216Understand this errorAI
react-dom.development.js:67 Warning: React has detected a change in the order of Hooks called by RemoteReflection. This will lead to bugs and errors if not fixed. For more information, read the Rules of Hooks: https://reactjs.org/link/rules-of-hooks

   Previous render            Next render
   ------------------------------------------------------
1. useMemo                    useMemo
2. useMemo                    useMemo
3. useContext                 useContext
4. useState                   useState
5. useState                   useState
6. useState                   useState
7. useState                   useState
8. useRef                     useRef
9. useEffect                  useEffect
10. useRef                    useRef
11. useEffect                 useEffect
12. useDebugValue             useDebugValue
13. useDebugValue             useDebugValue
14. useMemo                   useMemo
15. useMemo                   useMemo
16. useContext                useContext
17. useState                  useState
18. useState                  useState
19. useState                  useState
20. useState                  useState
21. useRef                    useRef
22. useEffect                 useEffect
23. useRef                    useRef
24. useEffect                 useEffect
25. useDebugValue             useDebugValue
26. useDebugValue             useDebugValue
27. useRef                    useRef
28. useState                  useState
29. useRef                    useRef
30. useContext                useContext
31. useContext                useContext
32. useState                  useState
33. useState                  useState
34. useMemo                   useMemo
35. useContext                useContext
36. useContext                useContext
37. useState                  useState
38. useMemo                   useMemo
39. useMemo                   useMemo
40. useCallback               useCallback
41. useCallback               useCallback
42. useCallback               useCallback
43. useEffect                 useEffect
44. useRef                    useRef
45. useEffect                 useEffect
46. useEffect                 useEffect
47. useEffect                 useEffect
48. useMemo                   useMemo
49. useContext                useContext
50. useState                  useState
51. useState                  useState
52. useState                  useState
53. useState                  useState
54. useRef                    useRef
55. useEffect                 useEffect
56. useRef                    useRef
57. useEffect                 useEffect
58. useDebugValue             useDebugValue
59. useMemo                   useMemo
60. useEffect                 useEffect
61. useEffect                 useEffect
62. undefined                 useState
   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

    at RemoteReflection (webpack-internal:///./packages/client/components/ReflectionGroup/RemoteReflection.tsx:198:14)
    at PortalProvider (webpack-internal:///./packages/client/components/AtmosphereProvider/PortalProvider.tsx:28:5)
    at GroupingKanban (webpack-internal:///./packages/client/components/GroupingKanban.tsx:59:14)
    at div
    at Styled(div)
    at div
    at Styled(div)
    at ErrorBoundary (webpack-internal:///./packages/client/components/ErrorBoundary.tsx:55:5)
    at ErrorBoundaryFn (webpack-internal:///./packages/client/components/ErrorBoundary.tsx:131:86)
    at _c (webpack-internal:///./packages/client/components/PhaseWrapper.tsx:29:5)
    at div
    at Styled(div)
    at div
    at Styled(div)
    at RetroGroupPhase (webpack-internal:///./packages/client/components/RetroGroupPhase.tsx:97:5)
    at Suspense
    at div
    at Styled(div)
    at RetroMeeting (webpack-internal:///./packages/client/components/RetroMeeting.tsx:71:14)
    at MeetingSelector (webpack-internal:///./packages/client/components/MeetingSelector.tsx:47:5)
    at Suspense
    at MeetingRoot (webpack-internal:///./packages/client/components/MeetingRoot.tsx:28:67)
    at Route (webpack://parabol-action/./node_modules/react-router/esm/react-router.js?:448:29)
    at Switch (webpack://parabol-action/./node_modules/react-router/esm/react-router.js?:650:29)
    at PrivateRoutes (webpack-internal:///./packages/client/components/PrivateRoutes.tsx:68:66)
    at Route (webpack://parabol-action/./node_modules/react-router/esm/react-router.js?:448:29)
    at Switch (webpack://parabol-action/./node_modules/react-router/esm/react-router.js?:650:29)
    at div
    at Suspense
    at ErrorBoundary (webpack-internal:///./packages/client/components/ErrorBoundary.tsx:55:5)
    at ErrorBoundaryFn (webpack-internal:///./packages/client/components/ErrorBoundary.tsx:131:86)
    at eval (webpack-internal:///./packages/client/components/Action/Action.tsx:59:72)
    at Provider (webpack-internal:///./node_modules/@radix-ui/react-context/dist/index.mjs:34:15)
    at TooltipProvider (webpack-internal:///./node_modules/@radix-ui/react-tooltip/dist/index.mjs:59:5)
    at Router (webpack://parabol-action/./node_modules/react-router/esm/react-router.js?:79:30)
    at BrowserRouter (webpack://parabol-action/./node_modules/react-router-dom/esm/react-router-dom.js?:57:35)
    at RelayEnvironmentProvider (webpack://parabol-action/./node_modules/react-relay/lib/relay-hooks/RelayEnvironmentProvider.js?:7:24)
    at AtmosphereProvider (webpack-internal:///./packages/client/components/AtmosphereProvider/AtmosphereProvider.tsx:21:5)
    at Root

[Dschoordsch]

Fixed by #10808