useGo wont navigate if change is on the same page

3. **Infinite Loading Issue**:
   There was an issue with infinite loading when providing initial data to `useTable` and setting `staleTime` to Infinity. This might be related to how the loading state is managed.

   **Reference: Issue #1776** (<https://github.com/refinedev/refine/issues/1776>)

import { useGo } from "@refinedev/core";  
  
const MyComponent = () => {  
  const go = useGo();  
  
  return (  
    <Button  
      onClick={() => {  
        go({  
          to: "/posts",  
          query: {  
            filters: [  
              {  
                field: "title",  
                operator: "contains",  
                value: "Refine",  
              },  
            ],  
          },  
          type: "push",  
        });  
      }}  
    >  
      Go Posts With Default Filters  
    </Button>  
  );  
};  

   useDataGrid({
     syncWithLocation: true,
   });

   useDataGrid({
     syncWithLocation: true,
   });

   useDataGrid({
     syncWithLocation: true,
   });

   useDataGrid({
     syncWithLocation: true,
   });

   useDataGrid({
     filters: {
       mode: "off", // or "server" based on your requirement
     },
   });

   useDataGrid({
     filters: {
       permanent: [
         {
           field: "name",
           operator: "contains",
           value: "Foo",
         },
       ],
       initial: [
         {
           field: "status",
           operator: "eq",
           value: "active",
         },
       ],
     },
   });

   const handleFilter = (e: React.ChangeEvent<HTMLInputElement>, checked: boolean) => {
     let result: any = {
       field: "status",
       value: checked ? "active" : undefined,
       operator: "contains",
     };
     setFilters([result]);
   };

   // we make an update to the filter model and pass in the updated filter model to the data grid
   const { filterModel, ...restDataGridProps } = dataGridProps;
   const filterModelUpdated: any = {
     items: [...filters],
     logicOperator: "and",
   };

   <DataGrid {...restDataGridProps} filterModel={filterModelUpdated} columns={columnsBankAccounts} />;

   const handleFilter = (e: React.ChangeEvent<HTMLInputElement>, checked: boolean) => {
     let result: any = {
       field: "status",
       value: checked ? "active" : undefined,
       operator: "contains",
     };
     setFilters([result]);
   };

   // we make an update to the filter model and pass in the updated filter model to the data grid
   const { filterModel, ...restDataGridProps } = dataGridProps;
   const filterModelUpdated: any = {
     items: [...filters],
     logicOperator: "and",
   };

   <DataGrid {...restDataGridProps} filterModel={filterModelUpdated} columns={columnsBankAccounts} />;

   import { useEffect } from "react";
   import { useLocation } from "react-router-dom";
   import { useDataGrid } from "@refinedev/core";

   const MyComponent = () => {
     const location = useLocation();
     const { dataGridProps, setFilters } = useDataGrid({
       syncWithLocation: true,
     });

     useEffect(() => {
       // Trigger a re-fetch or update the state based on the new URL
       setFilters((prevFilters) => [...prevFilters]);
     }, [location.search]);

     return (
       <DataGrid {...dataGridProps} columns={columnsBankAccounts} />
     );
   };

   import { useEffect } from "react";
   import { useLocation } from "react-router-dom";
   import { useDataGrid } from "@refinedev/core";

   const MyComponent = () => {
     const location = useLocation();
     const { dataGridProps, setFilters } = useDataGrid({
       syncWithLocation: true,
     });

     useEffect(() => {
       // Trigger a re-fetch or update the state based on the new URL
       setFilters((prevFilters) => [...prevFilters]);
     }, [location.search]);

     return (
       <DataGrid {...dataGridProps} columns={columnsBankAccounts} />
     );
   };

   useDataGrid({
     filters: {
       mode: "server", // or "off" based on your requirement
     },
     syncWithLocation: true,
   });

   useDataGrid({
     filters: {
       mode: "server", // or "off" based on your requirement
     },
     syncWithLocation: true,
   });

   useDataGrid({
     filters: {
       mode: "server", // or "off" based on your requirement
     },
     syncWithLocation: true,
   });

   const { dataGridProps, setFilters } = useDataGrid({
     syncWithLocation: true,
   });

   import { useEffect } from "react";
   import { useLocation } from "react-router-dom";
   import { useDataGrid } from "@refinedev/core";

   const MyComponent = () => {
     const location = useLocation();
     const { dataGridProps, setFilters } = useDataGrid({
       syncWithLocation: true,
     });

     useEffect(() => {
       // Extract filters from the URL
       const searchParams = new URLSearchParams(location.search);
       const filters = [];
       for (const [key, value] of searchParams.entries()) {
         filters.push({
           field: key,
           operator: "eq", // Adjust the operator as needed
           value: value,
         });
       }
       // Update the filters in the data grid
       setFilters(filters, "replace");
     }, [location.search]);

     return (
       <DataGrid {...dataGridProps} columns={columnsBankAccounts} />
     );
   };

   const handleSortModelChange = (sortModel: GridSortModel) => {
       const crudSorting = transformSortModelToCrudSorting(sortModel);
       setSorters(crudSorting);
   };