feat: reset the filter on route changed

graasp · Feb 9, 2024 · 68f50e3 · 68f50e3
1 parent d41dd05
commit 68f50e3
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/components/context/FilterItemsContext.tsx b/src/components/context/FilterItemsContext.tsx
@@ -1,4 +1,5 @@
-import { createContext, useContext, useMemo, useState } from 'react';
+import { createContext, useContext, useEffect, useMemo, useState } from 'react';
+import { useLocation } from 'react-router';
 
 import { DiscriminatedItem } from '@graasp/sdk';
 
@@ -35,8 +36,11 @@ type Props = {
 export const FilterItemsContextProvider = ({
   children,
 }: Props): JSX.Element => {
+  const location = useLocation();
   const [itemTypes, setItemTypes] = useState<ItemTypes>([]);
 
+  useEffect(() => setItemTypes([]), [location]);
+
   const value = useMemo(
     () => ({
       itemTypes,