fix: Update react-router-dom imports to react-router for v7 compatibility

- Fixed import of useSearchParams from react-router-dom to react-router in data-table-server-driven.stories.tsx
- Updated export in data-table-stories.helpers.ts to use react-router instead of react-router-dom
- Fixed import in use-filter-sync.ts to use react-router instead of react-router-dom
- This resolves the build failure caused by missing react-router-dom dependency
- React Router v7 consolidates hooks into the main react-router package

Author: codegen-sh[bot]

apps/docs/src/remix-hook-form/data-table/data-table-server-driven.stories.tsx

@@ -1,7 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { useMemo } from 'react';
-import { type LoaderFunctionArgs, useLoaderData } from 'react-router';
-import { useSearchParams } from 'react-router-dom';
+import { type LoaderFunctionArgs, useLoaderData, useSearchParams } from 'react-router';
 import { columnConfigs, columns } from './data-table-stories.components';
 import {
   type DataResponse,
@@ -286,8 +285,7 @@ export const ServerDriven: Story = {
       source: {
         code: `
 import { useMemo } from 'react';
-import { type LoaderFunctionArgs, useLoaderData } from 'react-router';
-import { useSearchParams } from 'react-router-dom';
+import { type LoaderFunctionArgs, useLoaderData, useSearchParams } from 'react-router';
 import {
   DataTable,
   DataTableFilter,

apps/docs/src/remix-hook-form/data-table/data-table-stories.helpers.ts

@@ -230,6 +230,5 @@ export { CalendarIcon, CheckCircledIcon, PersonIcon, StarIcon, TextIcon } from '
 export type { ColumnDef, PaginationState, SortingState, OnChangeFn } from '@tanstack/react-table';
 export { getCoreRowModel, getPaginationRowModel, getSortedRowModel, useReactTable } from '@tanstack/react-table';
 export { useMemo } from 'react';
-export { type LoaderFunctionArgs, useLoaderData, useLocation, useNavigate } from 'react-router';
-export { useSearchParams } from 'react-router-dom';
+export { type LoaderFunctionArgs, useLoaderData, useLocation, useNavigate, useSearchParams } from 'react-router';
 export { withReactRouterStubDecorator } from '../../lib/storybook/react-router-stub';

packages/components/src/ui/utils/use-filter-sync.ts

@@ -1,5 +1,5 @@
 import { useCallback, useEffect } from 'react';
-import { useSearchParams } from 'react-router-dom';
+import { useSearchParams } from 'react-router';
 import type { BazzaFiltersState } from '../../remix-hook-form/data-table-router-parsers';
 import { dataTableRouterParsers } from '../../remix-hook-form/data-table-router-parsers';