Optimize useDataTableUrlState with memoization and fix lint errors

Co-authored-by: jaruesink <4207065+jaruesink@users.noreply.github.com>

Author: google-labs-jules[bot]

packages/components/benchmarks/perf-benchmark.ts

@@ -1,5 +1,4 @@
-
-import { performance } from 'perf_hooks';
+import { performance } from 'node:perf_hooks';
 import { dataTableRouterParsers } from '../src/remix-hook-form/data-table-router-parsers';
 
 const ITERATIONS = 10000;

packages/components/src/remix-hook-form/use-data-table-url-state.test.tsx

@@ -1,15 +1,13 @@
-import { renderHook, act } from '@testing-library/react';
-import { MemoryRouter, useLocation } from 'react-router';
-import { describe, it, expect } from 'vitest';
+import { act, renderHook } from '@testing-library/react';
+import type React from 'react';
+import { type Location, MemoryRouter, useLocation } from 'react-router';
+import { describe, expect, it } from 'vitest';
 import { useDataTableUrlState } from './use-data-table-url-state';
-import React from 'react';
 
 describe('useDataTableUrlState', () => {
   it('should parse initial state from URL', () => {
     const wrapper = ({ children }: { children: React.ReactNode }) => (
-      <MemoryRouter initialEntries={['/?search=initial&page=2&pageSize=20']}>
-        {children}
-      </MemoryRouter>
+      <MemoryRouter initialEntries={['/?search=initial&page=2&pageSize=20']}>{children}</MemoryRouter>
     );
 
     const { result } = renderHook(() => useDataTableUrlState(), { wrapper });
@@ -20,7 +18,7 @@ describe('useDataTableUrlState', () => {
   });
 
   it('should update URL state', () => {
-    let testLocation: any;
+    let testLocation: Location | undefined;
 
     const LocationSpy = () => {
       testLocation = useLocation();
@@ -41,6 +39,6 @@ describe('useDataTableUrlState', () => {
     });
 
     expect(result.current.urlState.search).toBe('updated');
-    expect(testLocation.search).toContain('search=updated');
+    expect(testLocation?.search).toContain('search=updated');
   });
 });