fix: reset table selection when navigating away from index page

packages/twenty-front/src/modules/app/effect-components/PageChangeEffect.tsx

@@ -1,5 +1,10 @@
 import { useEffect, useState } from 'react';
-import { useLocation, useNavigate } from 'react-router-dom';
+import {
+  matchPath,
+  useLocation,
+  useNavigate,
+  useParams,
+} from 'react-router-dom';
 import { useRecoilValue } from 'recoil';
 
 import {
@@ -8,6 +13,8 @@ import {
 } from '@/analytics/hooks/useEventTracker';
 import { useRequestFreshCaptchaToken } from '@/captcha/hooks/useRequestFreshCaptchaToken';
 import { isCaptchaScriptLoadedState } from '@/captcha/states/isCaptchaScriptLoadedState';
+import { CoreObjectNamePlural } from '@/object-metadata/types/CoreObjectNamePlural';
+import { useResetTableRowSelection } from '@/object-record/record-table/hooks/internal/useResetTableRowSelection';
 import { TableHotkeyScope } from '@/object-record/record-table/types/TableHotkeyScope';
 import { AppBasePath } from '@/types/AppBasePath';
 import { AppPath } from '@/types/AppPath';
@@ -38,6 +45,11 @@ export const PageChangeEffect = () => {
 
   const eventTracker = useEventTracker();
 
+  const objectNamePlural =
+    useParams().objectNamePlural ?? CoreObjectNamePlural.Person;
+
+  const resetTableSelections = useResetTableRowSelection(objectNamePlural);
+
   useEffect(() => {
     cleanRecoilState();
   }, [cleanRecoilState]);
@@ -56,6 +68,17 @@ export const PageChangeEffect = () => {
     }
   }, [navigate, pageChangeEffectNavigateLocation]);
 
+  useEffect(() => {
+    const isLeavingRecordIndexPage = !!matchPath(
+      AppPath.RecordIndexPage,
+      previousLocation,
+    );
+
+    if (isLeavingRecordIndexPage) {
+      resetTableSelections();
+    }
+  }, [isMatchingLocation, previousLocation, resetTableSelections]);
+
   useEffect(() => {
     switch (true) {
       case isMatchingLocation(AppPath.RecordIndexPage): {

packages/twenty-front/src/pages/object-record/RecordIndexPage.tsx

@@ -86,7 +86,6 @@ export const RecordIndexPage = () => {
                   <RecordIndexContainerContextStoreObjectMetadataEffect />
                   <RecordIndexContainerContextStoreNumberOfSelectedRecordsEffect />
                   <MainContextStoreComponentInstanceIdSetterEffect />
-
                   <RecordIndexContainer />
                 </StyledIndexContainer>
               </PageBody>