[Cases] Fix recent cases filter (elastic#104826) (elastic#104846)

x-pack/plugins/cases/public/components/recent_cases/filters/index.tsx

@@ -39,6 +39,7 @@ export const RecentCasesFilters = React.memo<{
         : toggleButtonIcons.filter((x) => x.id !== MY_RECENTLY_REPORTED_ID),
     [showMyRecentlyReported]
   );
+
   const onChange = useCallback(
     (filterMode: string) => {
       setFilterBy(filterMode as FilterMode);

x-pack/plugins/cases/public/components/recent_cases/index.test.tsx

@@ -101,4 +101,21 @@ describe('RecentCases', () => {
     userEvent.click(element);
     expect(setFilters).toHaveBeenCalled();
   });
+
+  it('it resets the reporters when changing from my recently reported cases to recent cases', () => {
+    const { getByTestId } = render(
+      <TestProviders>
+        <RecentCases {...defaultProps} />
+      </TestProviders>
+    );
+
+    const myRecentCasesElement = getByTestId('myRecentlyReported');
+    const recentCasesElement = getByTestId('recentlyCreated');
+    userEvent.click(myRecentCasesElement);
+    userEvent.click(recentCasesElement);
+
+    const mockCalls = setFilters.mock.calls;
+    expect(mockCalls[0][0].reporters.length).toBeGreaterThan(0);
+    expect(mockCalls[1][0]).toEqual({ reporters: [] });
+  });
 });

x-pack/plugins/cases/public/components/recent_cases/index.tsx

@@ -49,7 +49,7 @@ const RecentCasesComponent = ({
               },
             ],
           }
-        : {},
+        : { reporters: [] },
     [currentUser, recentCasesFilterBy]
   );
 

x-pack/plugins/cases/public/components/recent_cases/recent_cases.tsx

@@ -42,6 +42,7 @@ const usePrevious = (value: Partial<FilterOptions>) => {
   });
   return ref.current;
 };
+
 export const RecentCasesComp = ({
   caseDetailsNavigation,
   createCaseNavigation,