support onStateChange

[taro-28]

What

Supports onStateChange.

This change ensures that the table state is synchronized with URL parameters even when table.setState() or table.reset() is executed.

Usage

Since onStateChange has been added to the return value of useTableSearchParams, you can simply set it in useReactTable.

const router = useRouter();

// `onStateChange` is added into `stateAndOnChanges`!
const stateAndOnChanges = useTableSearchParams(router);

const table = useReactTable({
  ...stateAndOnChanges,
  data,
  columns,
  getCoreRowModel: getCoreRowModel(),
  // ...
});

const handleXXX = () => {
  table.reset();
  // or
  table.setState({
    globalFilter: "",
    sorting: [],
  });
};

Related Issue

• Calling table.SetState() does not seem to trigger sync with URL params #534

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Preview	Comments	Updated (UTC)
tanstack-table-search-params-next-app-router	Ready	Preview	Comment	Sep 6, 2025 2:52am
tanstack-table-search-params-next-pages-router	Ready	Preview	Comment	Sep 6, 2025 2:52am

[cloudflare-workers-and-pages]

Deploying tanstack-table-search-params-tanstack-router with    Cloudflare Pages

Latest commit:	340395b
Status:	✅  Deploy successful!
Preview URL:	https://22c9ce91.tanstack-table-search-params-tanstack-router.pages.dev
Branch Preview URL:	https://feat-onstatechange-encoder-s.tanstack-table-search-params-tanstack-router.pages.dev

View logs

[cloudflare-workers-and-pages]

Deploying tanstack-table-search-params-react-router-lib with    Cloudflare Pages

Latest commit:	340395b
Status:	✅  Deploy successful!
Preview URL:	https://392acef9.tanstack-table-search-params-react-router-lib.pages.dev
Branch Preview URL:	https://feat-onstatechange-encoder-s.tanstack-table-search-params-react-router-lib.pages.dev

View logs