Error in devtools after entering Data models in Settings

[BOHEUS]

Scenario:

1. Log in
2. Go to Settings > Data model

Actual: Error in devtools appears.
Screencast from 2024-08-25 15-52-19.webm

Expected: No errors should appear in devtools

Note: It happens when user enters the sub-tab for the first time

Error:

Warning: Each child in a list should have a unique "key" prop.

Check the render method of `SettingsObjects`. See https://reactjs.org/link/warning-keys for more information.
SortableTableHeader@http://localhost:3001/src/modules/ui/layout/table/components/SortableTableHeader.tsx:15:36
SettingsObjects@http://localhost:3001/src/pages/settings/data-model/SettingsObjects.tsx:43:19
RenderedRoute@http://localhost:3001/@fs/home/user/Desktop/projects/twenty/node_modules/.vite/packages/twenty-front/deps/react-router-dom.js?v=fbae992e:4038:7
Routes@http://localhost:3001/@fs/home/user/Desktop/projects/twenty/node_modules/.vite/packages/twenty-front/deps/react-router-dom.js?v=fbae992e:4476:7
RenderedRoute@http://localhost:3001/@fs/home/user/Desktop/projects/twenty/node_modules/.vite/packages/twenty-front/deps/react-router-dom.js?v=fbae992e:4038:7
Outlet@http://localhost:3001/@fs/home/user/Desktop/projects/twenty/node_modules/.vite/packages/twenty-front/deps/react-router-dom.js?v=fbae992e:4410:20
ErrorBoundary@http://localhost:3001/@fs/home/user/Desktop/projects/twenty/node_modules/.vite/packages/twenty-front/deps/react-error-boundary.js?v=fbae992e:18:5
AppErrorBoundary@http://localhost:3001/src/modules/error-handler/components/AppErrorBoundary.tsx:13:33
div
withEmotionCache2/<@http://localhost:3001/@fs/home/user/Desktop/projects/twenty/node_modules/.vite/packages/twenty-front/deps/chunk-3IPCHOKD.js?v=fbae992e:1278:45
div
MotionComponent@http://localhost:3001/@fs/home/user/Desktop/projects/twenty/node_modules/.vite/packages/twenty-front/deps/chunk-5IHKZV2V.js?v=fbae992e:277:40
withEmotionCache2/<@http://localhost:3001/@fs/home/user/Desktop/projects/twenty/node_modules/.vite/packages/twenty-front/deps/chunk-3IPCHOKD.js?v=fbae992e:1278:45
div
withEmotionCache2/<@http://localhost:3001/@fs/home/user/Desktop/projects/twenty/node_modules/.vite/packages/twenty-front/deps/chunk-3IPCHOKD.js?v=fbae992e:1278:45
DefaultLayout@http://localhost:3001/src/modules/ui/layout/page/DefaultLayout.tsx:72:22
RenderedRoute@http://localhost:3001/@fs/home/user/Desktop/projects/twenty/node_modules/.vite/packages/twenty-front/deps/react-router-dom.js?v=fbae992e:4038:7
Outlet@http://localhost:3001/@fs/home/user/Desktop/projects/twenty/node_modules/.vite/packages/twenty-front/deps/react-router-dom.js?v=fbae992e:4410:20
DialogManager@http://localhost:3001/src/modules/ui/feedback/dialog-manager/components/DialogManager.tsx:15:30
DialogManagerScope@http://localhost:3001/src/modules/ui/feedback/dialog-manager/scopes/DialogManagerScope.tsx:11:35
SnackBarProvider@http://localhost:3001/src/modules/ui/feedback/snack-bar-manager/components/SnackBarProvider.tsx:34:33
ThemeContextProvider@http://localhost:3001/@fs/home/user/Desktop/projects/twenty/packages/twenty-ui/src/theme/provider/ThemeContextProvider.tsx:12:37
ThemeProvider2@http://localhost:3001/@fs/home/user/Desktop/projects/twenty/node_modules/.vite/packages/twenty-front/deps/chunk-3IPCHOKD.js?v=fbae992e:1308:22
AppThemeProvider@http://localhost:3001/src/modules/ui/theme/components/AppThemeProvider.tsx:16:33
PrefetchDataProvider@http://localhost:3001/src/modules/prefetch/components/PrefetchDataProvider.tsx:12:37
RelationPickerScope@http://localhost:3001/src/modules/object-record/relation-picker/scopes/RelationPickerScope.tsx:11:36
PreComputedChipGeneratorsProvider@http://localhost:3001/src/modules/object-metadata/components/PreComputedChipGeneratorsProvider.tsx:16:50
ObjectMetadataItemsProvider@http://localhost:3001/src/modules/object-metadata/components/ObjectMetadataItemsProvider.tsx:18:44
ApolloMetadataClientProvider@http://localhost:3001/src/modules/object-metadata/components/ApolloMetadataClientProvider.tsx:14:45
AuthProvider@http://localhost:3001/src/modules/auth/components/AuthProvider.tsx:15:29
UserProvider@http://localhost:3001/src/modules/users/components/UserProvider.tsx:19:29
ChromeExtensionSidecarProvider@http://localhost:3001/src/modules/chrome-extension-sidecar/components/ChromeExtensionSidecarProvider.tsx:53:47
ClientConfigProvider@http://localhost:3001/src/modules/client-config/components/ClientConfigProvider.tsx:13:37
ApolloProvider@http://localhost:3001/@fs/home/user/Desktop/projects/twenty/node_modules/.vite/packages/twenty-front/deps/@apollo_client.js?v=fbae992e:161:16
ApolloProvider@http://localhost:3001/src/modules/apollo/components/ApolloProvider.tsx:13:31
ProvidersThatNeedRouterContext@http://localhost:3001/src/App.tsx:91:26
RenderedRoute@http://localhost:3001/@fs/home/user/Desktop/projects/twenty/node_modules/.vite/packages/twenty-front/deps/react-router-dom.js?v=fbae992e:4038:7
RenderErrorBoundary@http://localhost:3001/@fs/home/user/Desktop/projects/twenty/node_modules/.vite/packages/twenty-front/deps/react-router-dom.js?v=fbae992e:3995:5
DataRoutes@http://localhost:3001/@fs/home/user/Desktop/projects/twenty/node_modules/.vite/packages/twenty-front/deps/react-router-dom.js?v=fbae992e:5157:7
Router@http://localhost:3001/@fs/home/user/Desktop/projects/twenty/node_modules/.vite/packages/twenty-front/deps/react-router-dom.js?v=fbae992e:4424:7
RouterProvider@http://localhost:3001/@fs/home/user/Desktop/projects/twenty/node_modules/.vite/packages/twenty-front/deps/react-router-dom.js?v=fbae992e:4972:7
App@http://localhost:3001/src/App.tsx:886:35
r2@http://localhost:3001/@fs/home/user/Desktop/projects/twenty/node_modules/.vite/packages/twenty-front/deps/react-helmet-async.js?v=fbae992e:313:21
ExceptionHandlerProvider@http://localhost:3001/src/modules/error-handler/components/ExceptionHandlerProvider.tsx:11:41
IconsProvider@http://localhost:3001/@fs/home/user/Desktop/projects/twenty/packages/twenty-ui/src/display/icon/providers/IconsProvider.tsx:13:30
SnackBarProviderScope@http://localhost:3001/src/modules/ui/feedback/snack-bar-manager/scopes/SnackBarProviderScope.tsx:11:38
CaptchaProvider@http://localhost:3001/src/modules/captcha/components/CaptchaProvider.tsx:12:32
ErrorBoundary@http://localhost:3001/@fs/home/user/Desktop/projects/twenty/node_modules/.vite/packages/twenty-front/deps/react-error-boundary.js?v=fbae992e:18:5
AppErrorBoundary@http://localhost:3001/src/modules/error-handler/components/AppErrorBoundary.tsx:13:33
RecoilRoot_INTERNAL@http://localhost:3001/@fs/home/user/Desktop/projects/twenty/node_modules/.vite/packages/twenty-front/deps/recoil.js?v=fbae992e:2794:29
RecoilRoot@http://localhost:3001/@fs/home/user/Desktop/projects/twenty/node_modules/.vite/packages/twenty-front/deps/recoil.js?v=fbae992e:2915:7

[Nabhag8848]

Had resolve this earlier, includes fix in:

• fix: Input fields to have expected behaviour in case of empty / only whitespaces string #6736

[Nabhag8848]

Similarly:

[Nabhag8848]

When opening Settings, On Current Main HEAD:

[charlesBochet]

Thanks for reporting, tagging this as good first issue :)