fix(core-filters): default column options

Author: tannerlinsley

examples/column-sizing/src/main.tsx

@@ -3,8 +3,7 @@ import ReactDOM from 'react-dom'
 
 import './index.css'
 
-import { createTable, useTable } from '@tanstack/react-table'
-import { ColumnResizeMode } from '@tanstack/react-table/build/types/features/ColumnSizing'
+import { createTable, useTable, ColumnResizeMode } from '@tanstack/react-table'
 
 type Person = {
   firstName: string
@@ -295,13 +294,6 @@ function App() {
   )
 }
 
-function Test() {
-  React.useEffect(() => {
-    console.log('mount')
-  }, [])
-  return null
-}
-
 ReactDOM.render(
   <React.StrictMode>
     <App />

examples/pagination/src/main.tsx

@@ -85,18 +85,10 @@ function App() {
     state: {
       pagination,
     },
-    onPaginationChange: updater => {
-      setPagination(old => {
-        // debugger
-        const newValue = functionalUpdate(updater, old)
-        return newValue
-      })
-    },
+    onPaginationChange: setPagination,
     paginateRowsFn: paginateRowsFn,
     columnFilterRowsFn: columnFilterRowsFn,
     debugTable: true,
-    // debugHeaders: true,
-    // debugColumns: true,
   })
 
   return (

packages/table-core/src/features/Filters.ts

@@ -132,15 +132,15 @@ export type FiltersInstance<TGenerics extends PartialGenerics> = {
 
 //
 
-export function getDefaultColumn<
-  TGenerics extends PartialGenerics
->(): FiltersColumnDef<TGenerics> {
-  return {
-    filterType: 'auto',
-  }
-}
-
 export const Filters = {
+  getDefaultColumn: <
+    TGenerics extends PartialGenerics
+  >(): FiltersColumnDef<TGenerics> => {
+    return {
+      filterType: 'auto',
+    }
+  },
+
   getInitialState: (): FiltersTableState => {
     return {
       columnFilters: [],