diff --git a/.github/ISSUE_TEMPLATE/config.yml b/.github/ISSUE_TEMPLATE/config.yml
index 6a5ed2d4a4..963fe444ec 100644
--- a/.github/ISSUE_TEMPLATE/config.yml
+++ b/.github/ISSUE_TEMPLATE/config.yml
@@ -1,8 +1,11 @@
 blank_issues_enabled: false
 contact_links:
-  - name: Feature Requests & Questions
+  - name: 🤔 Feature Requests & Questions
     url: https://github.com/TanStack/table/discussions
     about: Please ask and answer questions here.
-  - name: Community Chat
+  - name: 💬 Community Chat
     url: https://discord.gg/mQd7egN
     about: A dedicated discord server hosted by TanStack
+  - name: 🦋 TanStack Bluesky
+    url: https://bsky.app/profile/tanstack.com
+    about: Stay up to date with new releases of our libraries
diff --git a/.github/workflows/autofix.yml b/.github/workflows/autofix.yml
index 8ca8702155..e3bc82ecfd 100644
--- a/.github/workflows/autofix.yml
+++ b/.github/workflows/autofix.yml
@@ -18,13 +18,13 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout
-        uses: actions/checkout@v5.0.0
+        uses: actions/checkout@v6.0.1
         with:
           fetch-depth: 0
       - name: Setup Tools
         uses: tanstack/config/.github/setup@main
       - name: Fix formatting
-        run: pnpm prettier:write
+        run: pnpm format
       - name: Apply fixes
         uses: autofix-ci/action@dd55f44df8f7cdb7a6bf74c78677eb8acd40cd0a
         with:
diff --git a/.github/workflows/pr.yml b/.github/workflows/pr.yml
index db5a2157ca..ed8ac2b67e 100644
--- a/.github/workflows/pr.yml
+++ b/.github/workflows/pr.yml
@@ -23,7 +23,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout
-        uses: actions/checkout@v5.0.0
+        uses: actions/checkout@v6.0.1
         with:
           fetch-depth: 0
       - name: Start Nx Agents
@@ -31,7 +31,7 @@ jobs:
       - name: Setup Tools
         uses: tanstack/config/.github/setup@main
       - name: Get base and head commits for `nx affected`
-        uses: nrwl/nx-set-shas@v4.3.3
+        uses: nrwl/nx-set-shas@v4.4.0
         with:
           main-branch-name: main
       - name: Run Checks
@@ -44,7 +44,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout
-        uses: actions/checkout@v5.0.0
+        uses: actions/checkout@v6.0.1
         with:
           fetch-depth: 0
       - name: Setup Tools
@@ -58,7 +58,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout
-        uses: actions/checkout@v5.0.0
+        uses: actions/checkout@v6.0.1
         with:
           fetch-depth: 0
       - name: Check Provenance
diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml
index 8348d7025a..7e0555074c 100644
--- a/.github/workflows/release.yml
+++ b/.github/workflows/release.yml
@@ -1,4 +1,4 @@
-name: ci
+name: Release
 
 on:
   push:
@@ -23,7 +23,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout
-        uses: actions/checkout@v5.0.0
+        uses: actions/checkout@v6.0.1
         with:
           fetch-depth: 0
       - name: Start Nx Agents
@@ -44,4 +44,3 @@ jobs:
           title: 'ci: Version Packages'
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
diff --git a/examples/angular/basic/src/app/app.component.ts b/examples/angular/basic/src/app/app.component.ts
index 29d0edb180..38495b0b7e 100644
--- a/examples/angular/basic/src/app/app.component.ts
+++ b/examples/angular/basic/src/app/app.component.ts
@@ -46,35 +46,35 @@ const defaultData: Person[] = [
 const defaultColumns: ColumnDef<Person>[] = [
   {
     accessorKey: 'firstName',
-    cell: info => info.getValue(),
-    footer: info => info.column.id,
+    cell: (info) => info.getValue(),
+    footer: (info) => info.column.id,
   },
   {
-    accessorFn: row => row.lastName,
+    accessorFn: (row) => row.lastName,
     id: 'lastName',
-    cell: info => `<i>${info.getValue<string>()}</i>`,
+    cell: (info) => `<i>${info.getValue<string>()}</i>`,
     header: () => `<span>Last Name</span>`,
-    footer: info => info.column.id,
+    footer: (info) => info.column.id,
   },
   {
     accessorKey: 'age',
     header: () => 'Age',
-    footer: info => info.column.id,
+    footer: (info) => info.column.id,
   },
   {
     accessorKey: 'visits',
     header: () => `<span>Visits</span>`,
-    footer: info => info.column.id,
+    footer: (info) => info.column.id,
   },
   {
     accessorKey: 'status',
     header: 'Status',
-    footer: info => info.column.id,
+    footer: (info) => info.column.id,
   },
   {
     accessorKey: 'progress',
     header: 'Profile Progress',
-    footer: info => info.column.id,
+    footer: (info) => info.column.id,
   },
 ]
 
diff --git a/examples/angular/basic/src/main.ts b/examples/angular/basic/src/main.ts
index 0c3b92057c..c3d8f9af99 100644
--- a/examples/angular/basic/src/main.ts
+++ b/examples/angular/basic/src/main.ts
@@ -2,4 +2,4 @@ import { bootstrapApplication } from '@angular/platform-browser'
 import { appConfig } from './app/app.config'
 import { AppComponent } from './app/app.component'
 
-bootstrapApplication(AppComponent, appConfig).catch(err => console.error(err))
+bootstrapApplication(AppComponent, appConfig).catch((err) => console.error(err))
diff --git a/examples/angular/column-ordering/src/app/app.component.ts b/examples/angular/column-ordering/src/app/app.component.ts
index 2f447c6f61..aca98fffe1 100644
--- a/examples/angular/column-ordering/src/app/app.component.ts
+++ b/examples/angular/column-ordering/src/app/app.component.ts
@@ -18,30 +18,30 @@ import { faker } from '@faker-js/faker'
 const defaultColumns: ColumnDef<Person>[] = [
   {
     header: 'Name',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
     columns: [
       {
         accessorKey: 'firstName',
-        cell: info => info.getValue(),
-        footer: props => props.column.id,
+        cell: (info) => info.getValue(),
+        footer: (props) => props.column.id,
       },
       {
-        accessorFn: row => row.lastName,
+        accessorFn: (row) => row.lastName,
         id: 'lastName',
-        cell: info => info.getValue(),
+        cell: (info) => info.getValue(),
         header: () => 'Last Name',
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       },
     ],
   },
   {
     header: 'Info',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
     columns: [
       {
         accessorKey: 'age',
         header: () => 'Age',
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       },
       {
         header: 'More Info',
@@ -49,17 +49,17 @@ const defaultColumns: ColumnDef<Person>[] = [
           {
             accessorKey: 'visits',
             header: () => 'Visits',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           },
           {
             accessorKey: 'status',
             header: 'Status',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           },
           {
             accessorKey: 'progress',
             header: 'Profile Progress',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           },
         ],
       },
@@ -87,12 +87,12 @@ export class AppComponent {
       columnVisibility: this.columnVisibility(),
     },
     getCoreRowModel: getCoreRowModel(),
-    onColumnVisibilityChange: updaterOrValue => {
+    onColumnVisibilityChange: (updaterOrValue) => {
       typeof updaterOrValue === 'function'
         ? this.columnVisibility.update(updaterOrValue)
         : this.columnVisibility.set(updaterOrValue)
     },
-    onColumnOrderChange: updaterOrValue => {
+    onColumnOrderChange: (updaterOrValue) => {
       typeof updaterOrValue === 'function'
         ? this.columnOrder.update(updaterOrValue)
         : this.columnOrder.set(updaterOrValue)
@@ -108,7 +108,7 @@ export class AppComponent {
 
   randomizeColumns() {
     this.table.setColumnOrder(
-      faker.helpers.shuffle(this.table.getAllLeafColumns().map(d => d.id))
+      faker.helpers.shuffle(this.table.getAllLeafColumns().map((d) => d.id)),
     )
   }
 
diff --git a/examples/angular/column-ordering/src/main.ts b/examples/angular/column-ordering/src/main.ts
index 0c3b92057c..c3d8f9af99 100644
--- a/examples/angular/column-ordering/src/main.ts
+++ b/examples/angular/column-ordering/src/main.ts
@@ -2,4 +2,4 @@ import { bootstrapApplication } from '@angular/platform-browser'
 import { appConfig } from './app/app.config'
 import { AppComponent } from './app/app.component'
 
-bootstrapApplication(AppComponent, appConfig).catch(err => console.error(err))
+bootstrapApplication(AppComponent, appConfig).catch((err) => console.error(err))
diff --git a/examples/angular/column-pinning-sticky/src/app/app.component.ts b/examples/angular/column-pinning-sticky/src/app/app.component.ts
index c9fe3ce9e6..43af4a5142 100644
--- a/examples/angular/column-pinning-sticky/src/app/app.component.ts
+++ b/examples/angular/column-pinning-sticky/src/app/app.component.ts
@@ -32,44 +32,44 @@ const defaultColumns: ColumnDef<Person>[] = [
     accessorKey: 'firstName',
     id: 'firstName',
     header: 'First Name',
-    cell: info => info.getValue(),
-    footer: props => props.column.id,
+    cell: (info) => info.getValue(),
+    footer: (props) => props.column.id,
     size: 180,
   },
   {
-    accessorFn: row => row.lastName,
+    accessorFn: (row) => row.lastName,
     id: 'lastName',
-    cell: info => info.getValue(),
+    cell: (info) => info.getValue(),
     header: () => 'Last Name',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
     size: 180,
   },
   {
     accessorKey: 'age',
     id: 'age',
     header: 'Age',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
     size: 180,
   },
   {
     accessorKey: 'visits',
     id: 'visits',
     header: 'Visits',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
     size: 180,
   },
   {
     accessorKey: 'status',
     id: 'status',
     header: 'Status',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
     size: 180,
   },
   {
     accessorKey: 'progress',
     id: 'progress',
     header: 'Profile Progress',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
     size: 180,
   },
 ]
@@ -103,7 +103,7 @@ export class AppComponent {
   })
 
   readonly getCommonPinningStyles = (
-    column: Column<Person>
+    column: Column<Person>,
   ): Record<string, any> => {
     const isPinned = column.getIsPinned()
     const isLastLeftPinnedColumn =
@@ -128,7 +128,7 @@ export class AppComponent {
 
   randomizeColumns() {
     this.table.setColumnOrder(
-      faker.helpers.shuffle(this.table.getAllLeafColumns().map(d => d.id))
+      faker.helpers.shuffle(this.table.getAllLeafColumns().map((d) => d.id)),
     )
   }
 
diff --git a/examples/angular/column-pinning-sticky/src/main.ts b/examples/angular/column-pinning-sticky/src/main.ts
index 0c3b92057c..c3d8f9af99 100644
--- a/examples/angular/column-pinning-sticky/src/main.ts
+++ b/examples/angular/column-pinning-sticky/src/main.ts
@@ -2,4 +2,4 @@ import { bootstrapApplication } from '@angular/platform-browser'
 import { appConfig } from './app/app.config'
 import { AppComponent } from './app/app.component'
 
-bootstrapApplication(AppComponent, appConfig).catch(err => console.error(err))
+bootstrapApplication(AppComponent, appConfig).catch((err) => console.error(err))
diff --git a/examples/angular/column-pinning/src/app/app.component.ts b/examples/angular/column-pinning/src/app/app.component.ts
index 3784a0782c..fab5cd7262 100644
--- a/examples/angular/column-pinning/src/app/app.component.ts
+++ b/examples/angular/column-pinning/src/app/app.component.ts
@@ -29,30 +29,30 @@ type Person = {
 const defaultColumns: ColumnDef<Person>[] = [
   {
     header: 'Name',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
     columns: [
       {
         accessorKey: 'firstName',
-        cell: info => info.getValue(),
-        footer: props => props.column.id,
+        cell: (info) => info.getValue(),
+        footer: (props) => props.column.id,
       },
       {
-        accessorFn: row => row.lastName,
+        accessorFn: (row) => row.lastName,
         id: 'lastName',
-        cell: info => info.getValue(),
+        cell: (info) => info.getValue(),
         header: () => 'Last Name',
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       },
     ],
   },
   {
     header: 'Info',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
     columns: [
       {
         accessorKey: 'age',
         header: () => 'Age',
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       },
       {
         header: 'More Info',
@@ -60,17 +60,17 @@ const defaultColumns: ColumnDef<Person>[] = [
           {
             accessorKey: 'visits',
             header: () => 'Visits',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           },
           {
             accessorKey: 'status',
             header: 'Status',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           },
           {
             accessorKey: 'progress',
             header: 'Profile Progress',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           },
         ],
       },
@@ -100,17 +100,17 @@ export class AppComponent {
       columnOrder: this.columnOrder(),
       columnPinning: this.columnPinning(),
     },
-    onColumnVisibilityChange: updaterOrValue => {
+    onColumnVisibilityChange: (updaterOrValue) => {
       typeof updaterOrValue === 'function'
         ? this.columnVisibility.update(updaterOrValue)
         : this.columnVisibility.set(updaterOrValue)
     },
-    onColumnOrderChange: updaterOrValue => {
+    onColumnOrderChange: (updaterOrValue) => {
       typeof updaterOrValue === 'function'
         ? this.columnOrder.update(updaterOrValue)
         : this.columnOrder.set(updaterOrValue)
     },
-    onColumnPinningChange: updaterOrValue => {
+    onColumnPinningChange: (updaterOrValue) => {
       typeof updaterOrValue === 'function'
         ? this.columnPinning.update(updaterOrValue)
         : this.columnPinning.set(updaterOrValue)
@@ -127,7 +127,7 @@ export class AppComponent {
 
   randomizeColumns() {
     this.table.setColumnOrder(
-      faker.helpers.shuffle(this.table.getAllLeafColumns().map(d => d.id))
+      faker.helpers.shuffle(this.table.getAllLeafColumns().map((d) => d.id)),
     )
   }
 
diff --git a/examples/angular/column-pinning/src/main.ts b/examples/angular/column-pinning/src/main.ts
index 0c3b92057c..c3d8f9af99 100644
--- a/examples/angular/column-pinning/src/main.ts
+++ b/examples/angular/column-pinning/src/main.ts
@@ -2,4 +2,4 @@ import { bootstrapApplication } from '@angular/platform-browser'
 import { appConfig } from './app/app.config'
 import { AppComponent } from './app/app.component'
 
-bootstrapApplication(AppComponent, appConfig).catch(err => console.error(err))
+bootstrapApplication(AppComponent, appConfig).catch((err) => console.error(err))
diff --git a/examples/angular/column-resizing-performant/src/app/app.component.ts b/examples/angular/column-resizing-performant/src/app/app.component.ts
index 43efd47de2..f7da925eb9 100644
--- a/examples/angular/column-resizing-performant/src/app/app.component.ts
+++ b/examples/angular/column-resizing-performant/src/app/app.component.ts
@@ -17,45 +17,45 @@ import { TableResizableCell, TableResizableHeader } from './resizable-cell'
 const defaultColumns: ColumnDef<Person>[] = [
   {
     header: 'Name',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
     columns: [
       {
         accessorKey: 'firstName',
-        cell: info => info.getValue(),
-        footer: props => props.column.id,
+        cell: (info) => info.getValue(),
+        footer: (props) => props.column.id,
       },
       {
-        accessorFn: row => row.lastName,
+        accessorFn: (row) => row.lastName,
         id: 'lastName',
-        cell: info => info.getValue(),
+        cell: (info) => info.getValue(),
         header: () => 'Last Name',
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       },
     ],
   },
   {
     header: 'Info',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
     columns: [
       {
         accessorKey: 'age',
         header: () => 'Age',
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       },
       {
         accessorKey: 'visits',
         header: () => 'Visits',
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       },
       {
         accessorKey: 'status',
         header: 'Status',
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       },
       {
         accessorKey: 'progress',
         header: 'Profile Progress',
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       },
     ],
   },
@@ -72,7 +72,7 @@ export class AppComponent {
   readonly data = signal<Person[]>(makeData(200))
 
   readonly columnSizingInfo = computed(
-    () => this.table.getState().columnSizingInfo
+    () => this.table.getState().columnSizingInfo,
   )
   readonly columnSizing = computed(() => this.table.getState().columnSizing)
 
@@ -116,7 +116,7 @@ export class AppComponent {
         columnSizing: this.table.getState().columnSizing,
       },
       null,
-      2
-    )
+      2,
+    ),
   )
 }
diff --git a/examples/angular/column-resizing-performant/src/app/resizable-cell.ts b/examples/angular/column-resizing-performant/src/app/resizable-cell.ts
index 2338bbc8c4..af40d01940 100644
--- a/examples/angular/column-resizing-performant/src/app/resizable-cell.ts
+++ b/examples/angular/column-resizing-performant/src/app/resizable-cell.ts
@@ -13,7 +13,7 @@ export class TableResizableHeader {
   })
 
   readonly width = computed(
-    () => `calc(var(--header-${this.cellId()}-size) * 1px)`
+    () => `calc(var(--header-${this.cellId()}-size) * 1px)`,
   )
 }
 
@@ -30,6 +30,6 @@ export class TableResizableCell {
   })
 
   readonly width = computed(
-    () => `calc(var(--col-${this.cellId()}-size) * 1px)`
+    () => `calc(var(--col-${this.cellId()}-size) * 1px)`,
   )
 }
diff --git a/examples/angular/column-resizing-performant/src/main.ts b/examples/angular/column-resizing-performant/src/main.ts
index 0c3b92057c..c3d8f9af99 100644
--- a/examples/angular/column-resizing-performant/src/main.ts
+++ b/examples/angular/column-resizing-performant/src/main.ts
@@ -2,4 +2,4 @@ import { bootstrapApplication } from '@angular/platform-browser'
 import { appConfig } from './app/app.config'
 import { AppComponent } from './app/app.component'
 
-bootstrapApplication(AppComponent, appConfig).catch(err => console.error(err))
+bootstrapApplication(AppComponent, appConfig).catch((err) => console.error(err))
diff --git a/examples/angular/column-visibility/src/app/app.component.ts b/examples/angular/column-visibility/src/app/app.component.ts
index c38a366b3c..b710675993 100644
--- a/examples/angular/column-visibility/src/app/app.component.ts
+++ b/examples/angular/column-visibility/src/app/app.component.ts
@@ -52,30 +52,30 @@ const defaultData: Person[] = [
 const defaultColumns: ColumnDef<Person>[] = [
   {
     header: 'Name',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
     columns: [
       {
         accessorKey: 'firstName',
-        cell: info => info.getValue(),
-        footer: props => props.column.id,
+        cell: (info) => info.getValue(),
+        footer: (props) => props.column.id,
       },
       {
-        accessorFn: row => row.lastName,
+        accessorFn: (row) => row.lastName,
         id: 'lastName',
-        cell: info => info.getValue(),
+        cell: (info) => info.getValue(),
         header: () => 'Last Name',
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       },
     ],
   },
   {
     header: 'Info',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
     columns: [
       {
         accessorKey: 'age',
         header: () => 'Age',
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       },
       {
         header: 'More Info',
@@ -83,17 +83,17 @@ const defaultColumns: ColumnDef<Person>[] = [
           {
             accessorKey: 'visits',
             header: () => 'Visits',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           },
           {
             accessorKey: 'status',
             header: 'Status',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           },
           {
             accessorKey: 'progress',
             header: 'Profile Progress',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           },
         ],
       },
@@ -119,7 +119,7 @@ export class AppComponent implements OnInit {
       columnVisibility: this.columnVisibility(),
     },
     getCoreRowModel: getCoreRowModel(),
-    onColumnVisibilityChange: updaterOrValue => {
+    onColumnVisibilityChange: (updaterOrValue) => {
       const visibilityState =
         typeof updaterOrValue === 'function'
           ? updaterOrValue(this.columnVisibility())
diff --git a/examples/angular/column-visibility/src/main.ts b/examples/angular/column-visibility/src/main.ts
index 0c3b92057c..c3d8f9af99 100644
--- a/examples/angular/column-visibility/src/main.ts
+++ b/examples/angular/column-visibility/src/main.ts
@@ -2,4 +2,4 @@ import { bootstrapApplication } from '@angular/platform-browser'
 import { appConfig } from './app/app.config'
 import { AppComponent } from './app/app.component'
 
-bootstrapApplication(AppComponent, appConfig).catch(err => console.error(err))
+bootstrapApplication(AppComponent, appConfig).catch((err) => console.error(err))
diff --git a/examples/angular/editable/src/app/app.component.ts b/examples/angular/editable/src/app/app.component.ts
index 54956725a4..95f301bab2 100644
--- a/examples/angular/editable/src/app/app.component.ts
+++ b/examples/angular/editable/src/app/app.component.ts
@@ -34,7 +34,7 @@ const defaultColumn: Partial<ColumnDef<Person>> = {
         value: initialValue,
       },
       outputs: {
-        blur: value => {
+        blur: (value) => {
           if (table.options.meta?.updateData) {
             table.options.meta.updateData(row.index, column.id, value)
           }
@@ -47,33 +47,33 @@ const defaultColumn: Partial<ColumnDef<Person>> = {
 const defaultColumns: ColumnDef<Person>[] = [
   {
     accessorKey: 'firstName',
-    footer: info => info.column.id,
+    footer: (info) => info.column.id,
   },
   {
-    accessorFn: row => row.lastName,
+    accessorFn: (row) => row.lastName,
     id: 'lastName',
     header: () => `<span>Last Name</span>`,
-    footer: info => info.column.id,
+    footer: (info) => info.column.id,
   },
   {
     accessorKey: 'age',
     header: () => 'Age',
-    footer: info => info.column.id,
+    footer: (info) => info.column.id,
   },
   {
     accessorKey: 'visits',
     header: () => `<span>Visits</span>`,
-    footer: info => info.column.id,
+    footer: (info) => info.column.id,
   },
   {
     accessorKey: 'status',
     header: 'Status',
-    footer: info => info.column.id,
+    footer: (info) => info.column.id,
   },
   {
     accessorKey: 'progress',
     header: 'Profile Progress',
-    footer: info => info.column.id,
+    footer: (info) => info.column.id,
   },
 ]
 
@@ -105,7 +105,7 @@ export class AppComponent {
         // Skip page index reset until after next rerender
         this.autoResetPageIndex.set(false)
 
-        this.data.update(old =>
+        this.data.update((old) =>
           old.map((row, index) => {
             if (index === rowIndex) {
               return {
@@ -114,7 +114,7 @@ export class AppComponent {
               }
             }
             return row
-          })
+          }),
         )
 
         afterNextRender(() => this.autoResetPageIndex.set(true), {
diff --git a/examples/angular/editable/src/main.ts b/examples/angular/editable/src/main.ts
index 0c3b92057c..c3d8f9af99 100644
--- a/examples/angular/editable/src/main.ts
+++ b/examples/angular/editable/src/main.ts
@@ -2,4 +2,4 @@ import { bootstrapApplication } from '@angular/platform-browser'
 import { appConfig } from './app/app.config'
 import { AppComponent } from './app/app.component'
 
-bootstrapApplication(AppComponent, appConfig).catch(err => console.error(err))
+bootstrapApplication(AppComponent, appConfig).catch((err) => console.error(err))
diff --git a/examples/angular/expanding/src/app/app.component.ts b/examples/angular/expanding/src/app/app.component.ts
index 741f357e53..d5db0d639b 100644
--- a/examples/angular/expanding/src/app/app.component.ts
+++ b/examples/angular/expanding/src/app/app.component.ts
@@ -31,31 +31,31 @@ const defaultColumns: ColumnDef<Person>[] = [
     cell: () => flexRenderComponent(ExpandableCell),
   },
   {
-    accessorFn: row => row.lastName,
+    accessorFn: (row) => row.lastName,
     id: 'lastName',
-    cell: info => info.getValue(),
+    cell: (info) => info.getValue(),
     header: () => 'Last Name',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
   },
   {
     accessorKey: 'age',
     header: () => 'Age',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
   },
   {
     accessorKey: 'visits',
     header: () => `Visits`,
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
   },
   {
     accessorKey: 'status',
     header: 'Status',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
   },
   {
     accessorKey: 'progress',
     header: 'Profile Progress',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
   },
 ]
 
@@ -76,11 +76,11 @@ export class AppComponent {
     state: {
       expanded: this.expanded(),
     },
-    onExpandedChange: updater =>
+    onExpandedChange: (updater) =>
       typeof updater === 'function'
         ? this.expanded.update(updater)
         : this.expanded.set(updater),
-    getSubRows: row => row.subRows,
+    getSubRows: (row) => row.subRows,
     getCoreRowModel: getCoreRowModel(),
     getPaginationRowModel: getPaginationRowModel(),
     getFilteredRowModel: getFilteredRowModel(),
@@ -91,11 +91,11 @@ export class AppComponent {
   }))
 
   readonly rawExpandedState = computed(() =>
-    JSON.stringify(this.expanded(), undefined, 2)
+    JSON.stringify(this.expanded(), undefined, 2),
   )
 
   readonly rawRowSelectionState = computed(() =>
-    JSON.stringify(this.table.getState().rowSelection, undefined, 2)
+    JSON.stringify(this.table.getState().rowSelection, undefined, 2),
   )
 
   onPageInputChange(event: Event): void {
diff --git a/examples/angular/expanding/src/main.ts b/examples/angular/expanding/src/main.ts
index 0c3b92057c..c3d8f9af99 100644
--- a/examples/angular/expanding/src/main.ts
+++ b/examples/angular/expanding/src/main.ts
@@ -2,4 +2,4 @@ import { bootstrapApplication } from '@angular/platform-browser'
 import { appConfig } from './app/app.config'
 import { AppComponent } from './app/app.component'
 
-bootstrapApplication(AppComponent, appConfig).catch(err => console.error(err))
+bootstrapApplication(AppComponent, appConfig).catch((err) => console.error(err))
diff --git a/examples/angular/filters/src/app/app.component.ts b/examples/angular/filters/src/app/app.component.ts
index 1748a57674..7d5b55dfab 100644
--- a/examples/angular/filters/src/app/app.component.ts
+++ b/examples/angular/filters/src/app/app.component.ts
@@ -36,12 +36,12 @@ export class AppComponent {
   readonly columns: ColumnDef<Person>[] = [
     {
       accessorKey: 'firstName',
-      cell: info => info.getValue(),
+      cell: (info) => info.getValue(),
     },
     {
-      accessorFn: row => row.lastName,
+      accessorFn: (row) => row.lastName,
       id: 'lastName',
-      cell: info => info.getValue(),
+      cell: (info) => info.getValue(),
       header: () => 'Last Name',
     },
     {
@@ -80,7 +80,7 @@ export class AppComponent {
     state: {
       columnFilters: this.columnFilters(),
     },
-    onColumnFiltersChange: updater => {
+    onColumnFiltersChange: (updater) => {
       updater instanceof Function
         ? this.columnFilters.update(updater)
         : this.columnFilters.set(updater)
@@ -98,7 +98,7 @@ export class AppComponent {
   }))
 
   readonly stringifiedFilters = computed(() =>
-    JSON.stringify(this.columnFilters(), null, 2)
+    JSON.stringify(this.columnFilters(), null, 2),
   )
 
   onPageInputChange(event: Event): void {
diff --git a/examples/angular/filters/src/app/debounced-input.directive.ts b/examples/angular/filters/src/app/debounced-input.directive.ts
index 19d5ef1b55..e91e24a8d4 100644
--- a/examples/angular/filters/src/app/debounced-input.directive.ts
+++ b/examples/angular/filters/src/app/debounced-input.directive.ts
@@ -9,11 +9,11 @@ import {
 import { outputFromObservable, toObservable } from '@angular/core/rxjs-interop'
 
 export function runOutsideAngular<T>(
-  zone: NgZone
+  zone: NgZone,
 ): MonoTypeOperatorFunction<T> {
-  return source =>
-    new Observable(subscriber =>
-      zone.runOutsideAngular(() => source.subscribe(subscriber))
+  return (source) =>
+    new Observable((subscriber) =>
+      zone.runOutsideAngular(() => source.subscribe(subscriber)),
     )
 }
 
@@ -29,9 +29,9 @@ export class DebouncedInputDirective {
 
   readonly changeEvent = outputFromObservable(
     this.debounce$.pipe(
-      switchMap(debounce => {
+      switchMap((debounce) => {
         return fromEvent(this.#ref, 'change').pipe(debounceTime(debounce))
-      })
-    )
+      }),
+    ),
   )
 }
diff --git a/examples/angular/filters/src/app/table-filter.component.ts b/examples/angular/filters/src/app/table-filter.component.ts
index 2c897cfe7d..48636284ce 100644
--- a/examples/angular/filters/src/app/table-filter.component.ts
+++ b/examples/angular/filters/src/app/table-filter.component.ts
@@ -90,7 +90,7 @@ export class FilterComponent<T> {
   })
 
   readonly columnFilterValue = computed<any>(() =>
-    this.column().getFilterValue()
+    this.column().getFilterValue(),
   )
 
   readonly minRangePlaceholder = computed(() => {
diff --git a/examples/angular/filters/src/main.ts b/examples/angular/filters/src/main.ts
index 0c3b92057c..c3d8f9af99 100644
--- a/examples/angular/filters/src/main.ts
+++ b/examples/angular/filters/src/main.ts
@@ -2,4 +2,4 @@ import { bootstrapApplication } from '@angular/platform-browser'
 import { appConfig } from './app/app.config'
 import { AppComponent } from './app/app.component'
 
-bootstrapApplication(AppComponent, appConfig).catch(err => console.error(err))
+bootstrapApplication(AppComponent, appConfig).catch((err) => console.error(err))
diff --git a/examples/angular/grouping/src/app/columns.ts b/examples/angular/grouping/src/app/columns.ts
index ab35acdf4b..28a4536623 100644
--- a/examples/angular/grouping/src/app/columns.ts
+++ b/examples/angular/grouping/src/app/columns.ts
@@ -17,18 +17,18 @@ export const columns: ColumnDef<Person>[] = [
       {
         accessorKey: 'firstName',
         header: 'First Name',
-        cell: info => info.getValue(),
+        cell: (info) => info.getValue(),
         /**
          * override the value used for row grouping
          * (otherwise, defaults to the value derived from accessorKey / accessorFn)
          */
-        getGroupingValue: row => `${row.firstName} ${row.lastName}`,
+        getGroupingValue: (row) => `${row.firstName} ${row.lastName}`,
       },
       {
-        accessorFn: row => row.lastName,
+        accessorFn: (row) => row.lastName,
         id: 'lastName',
         header: () => `Last Name`,
-        cell: info => info.getValue(),
+        cell: (info) => info.getValue(),
       },
     ],
   },
diff --git a/examples/angular/grouping/src/main.ts b/examples/angular/grouping/src/main.ts
index 0c3b92057c..c3d8f9af99 100644
--- a/examples/angular/grouping/src/main.ts
+++ b/examples/angular/grouping/src/main.ts
@@ -2,4 +2,4 @@ import { bootstrapApplication } from '@angular/platform-browser'
 import { appConfig } from './app/app.config'
 import { AppComponent } from './app/app.component'
 
-bootstrapApplication(AppComponent, appConfig).catch(err => console.error(err))
+bootstrapApplication(AppComponent, appConfig).catch((err) => console.error(err))
diff --git a/examples/angular/row-dnd/src/app/app.component.ts b/examples/angular/row-dnd/src/app/app.component.ts
index e28c236f08..33afac49a1 100644
--- a/examples/angular/row-dnd/src/app/app.component.ts
+++ b/examples/angular/row-dnd/src/app/app.component.ts
@@ -32,12 +32,12 @@ const defaultColumns: ColumnDef<Person>[] = [
   },
   {
     accessorKey: 'firstName',
-    cell: info => info.getValue(),
+    cell: (info) => info.getValue(),
   },
   {
-    accessorFn: row => row.lastName,
+    accessorFn: (row) => row.lastName,
     id: 'lastName',
-    cell: info => info.getValue(),
+    cell: (info) => info.getValue(),
     header: () => `Last Name`,
   },
   {
@@ -73,7 +73,7 @@ export class AppComponent {
     return {
       data: this.data(),
       columns: defaultColumns,
-      getRowId: row => row.userId, //required because row indexes will change
+      getRowId: (row) => row.userId, //required because row indexes will change
       debugTable: true,
       debugHeaders: true,
       debugColumns: true,
@@ -83,7 +83,7 @@ export class AppComponent {
     }
   })
 
-  readonly sortedIds = computed(() => this.data().map(data => data.userId))
+  readonly sortedIds = computed(() => this.data().map((data) => data.userId))
 
   drop(event: CdkDragDrop<Person[]>) {
     const data = [...this.data()]
diff --git a/examples/angular/row-dnd/src/main.ts b/examples/angular/row-dnd/src/main.ts
index 0c3b92057c..c3d8f9af99 100644
--- a/examples/angular/row-dnd/src/main.ts
+++ b/examples/angular/row-dnd/src/main.ts
@@ -2,4 +2,4 @@ import { bootstrapApplication } from '@angular/platform-browser'
 import { appConfig } from './app/app.config'
 import { AppComponent } from './app/app.component'
 
-bootstrapApplication(AppComponent, appConfig).catch(err => console.error(err))
+bootstrapApplication(AppComponent, appConfig).catch((err) => console.error(err))
diff --git a/examples/angular/row-selection-signal/src/app/app.component.ts b/examples/angular/row-selection-signal/src/app/app.component.ts
index 5e2e103b4a..fb7b416976 100644
--- a/examples/angular/row-selection-signal/src/app/app.component.ts
+++ b/examples/angular/row-selection-signal/src/app/app.component.ts
@@ -45,31 +45,31 @@ export class AppComponent {
     },
     {
       header: 'Name',
-      footer: props => props.column.id,
+      footer: (props) => props.column.id,
       columns: [
         {
           accessorKey: 'firstName',
-          cell: info => info.getValue(),
-          footer: props => props.column.id,
+          cell: (info) => info.getValue(),
+          footer: (props) => props.column.id,
           header: 'First name',
         },
         {
-          accessorFn: row => row.lastName,
+          accessorFn: (row) => row.lastName,
           id: 'lastName',
-          cell: info => info.getValue(),
+          cell: (info) => info.getValue(),
           header: () => 'Last Name',
-          footer: props => props.column.id,
+          footer: (props) => props.column.id,
         },
       ],
     },
     {
       header: 'Info',
-      footer: props => props.column.id,
+      footer: (props) => props.column.id,
       columns: [
         {
           accessorKey: 'age',
           header: () => this.ageHeaderCell(),
-          footer: props => props.column.id,
+          footer: (props) => props.column.id,
         },
         {
           header: 'More Info',
@@ -77,17 +77,17 @@ export class AppComponent {
             {
               accessorKey: 'visits',
               header: () => 'Visits',
-              footer: props => props.column.id,
+              footer: (props) => props.column.id,
             },
             {
               accessorKey: 'status',
               header: 'Status',
-              footer: props => props.column.id,
+              footer: (props) => props.column.id,
             },
             {
               accessorKey: 'progress',
               header: 'Profile Progress',
-              footer: props => props.column.id,
+              footer: (props) => props.column.id,
             },
           ],
         },
@@ -103,11 +103,11 @@ export class AppComponent {
     },
     enableRowSelection: true, // enable row selection for all rows
     // enableRowSelection: row => row.original.age > 18, // or enable row selection conditionally per row
-    onRowSelectionChange: updaterOrValue => {
+    onRowSelectionChange: (updaterOrValue) => {
       this.rowSelection.set(
         typeof updaterOrValue === 'function'
           ? updaterOrValue(this.rowSelection())
-          : updaterOrValue
+          : updaterOrValue,
       )
     },
     getCoreRowModel: getCoreRowModel(),
@@ -117,11 +117,11 @@ export class AppComponent {
   }))
 
   readonly stringifiedRowSelection = computed(() =>
-    JSON.stringify(this.rowSelection(), null, 2)
+    JSON.stringify(this.rowSelection(), null, 2),
   )
 
   readonly rowSelectionLength = computed(
-    () => Object.keys(this.rowSelection()).length
+    () => Object.keys(this.rowSelection()).length,
   )
 
   onPageInputChange(event: Event): void {
@@ -137,7 +137,7 @@ export class AppComponent {
   logSelectedFlatRows(): void {
     console.info(
       'table.getSelectedRowModel().flatRows',
-      this.table.getSelectedRowModel().flatRows
+      this.table.getSelectedRowModel().flatRows,
     )
   }
 
diff --git a/examples/angular/row-selection-signal/src/main.ts b/examples/angular/row-selection-signal/src/main.ts
index 0c3b92057c..c3d8f9af99 100644
--- a/examples/angular/row-selection-signal/src/main.ts
+++ b/examples/angular/row-selection-signal/src/main.ts
@@ -2,4 +2,4 @@ import { bootstrapApplication } from '@angular/platform-browser'
 import { appConfig } from './app/app.config'
 import { AppComponent } from './app/app.component'
 
-bootstrapApplication(AppComponent, appConfig).catch(err => console.error(err))
+bootstrapApplication(AppComponent, appConfig).catch((err) => console.error(err))
diff --git a/examples/angular/row-selection/src/app/app.component.ts b/examples/angular/row-selection/src/app/app.component.ts
index da7ce36ef5..5a72cc25d4 100644
--- a/examples/angular/row-selection/src/app/app.component.ts
+++ b/examples/angular/row-selection/src/app/app.component.ts
@@ -51,31 +51,31 @@ export class AppComponent {
     },
     {
       header: 'Name',
-      footer: props => props.column.id,
+      footer: (props) => props.column.id,
       columns: [
         {
           accessorKey: 'firstName',
-          cell: info => info.getValue(),
-          footer: props => props.column.id,
+          cell: (info) => info.getValue(),
+          footer: (props) => props.column.id,
           header: 'First name',
         },
         {
-          accessorFn: row => row.lastName,
+          accessorFn: (row) => row.lastName,
           id: 'lastName',
-          cell: info => info.getValue(),
+          cell: (info) => info.getValue(),
           header: () => 'Last Name',
-          footer: props => props.column.id,
+          footer: (props) => props.column.id,
         },
       ],
     },
     {
       header: 'Info',
-      footer: props => props.column.id,
+      footer: (props) => props.column.id,
       columns: [
         {
           accessorKey: 'age',
           header: () => this.ageHeaderCell(),
-          footer: props => props.column.id,
+          footer: (props) => props.column.id,
         },
         {
           header: 'More Info',
@@ -83,17 +83,17 @@ export class AppComponent {
             {
               accessorKey: 'visits',
               header: () => 'Visits',
-              footer: props => props.column.id,
+              footer: (props) => props.column.id,
             },
             {
               accessorKey: 'status',
               header: 'Status',
-              footer: props => props.column.id,
+              footer: (props) => props.column.id,
             },
             {
               accessorKey: 'progress',
               header: 'Profile Progress',
-              footer: props => props.column.id,
+              footer: (props) => props.column.id,
             },
           ],
         },
@@ -109,11 +109,11 @@ export class AppComponent {
     },
     enableRowSelection: true, // enable row selection for all rows
     // enableRowSelection: row => row.original.age > 18, // or enable row selection conditionally per row
-    onRowSelectionChange: updaterOrValue => {
+    onRowSelectionChange: (updaterOrValue) => {
       this.rowSelection.set(
         typeof updaterOrValue === 'function'
           ? updaterOrValue(this.rowSelection())
-          : updaterOrValue
+          : updaterOrValue,
       )
     },
     getCoreRowModel: getCoreRowModel(),
@@ -123,11 +123,11 @@ export class AppComponent {
   }))
 
   readonly stringifiedRowSelection = computed(() =>
-    JSON.stringify(this.rowSelection(), null, 2)
+    JSON.stringify(this.rowSelection(), null, 2),
   )
 
   readonly rowSelectionLength = computed(
-    () => Object.keys(this.rowSelection()).length
+    () => Object.keys(this.rowSelection()).length,
   )
 
   onPageInputChange(event: Event): void {
@@ -143,7 +143,7 @@ export class AppComponent {
   logSelectedFlatRows(): void {
     console.info(
       'table.getSelectedRowModel().flatRows',
-      this.table.getSelectedRowModel().flatRows
+      this.table.getSelectedRowModel().flatRows,
     )
   }
 
diff --git a/examples/angular/row-selection/src/main.ts b/examples/angular/row-selection/src/main.ts
index 0c3b92057c..c3d8f9af99 100644
--- a/examples/angular/row-selection/src/main.ts
+++ b/examples/angular/row-selection/src/main.ts
@@ -2,4 +2,4 @@ import { bootstrapApplication } from '@angular/platform-browser'
 import { appConfig } from './app/app.config'
 import { AppComponent } from './app/app.component'
 
-bootstrapApplication(AppComponent, appConfig).catch(err => console.error(err))
+bootstrapApplication(AppComponent, appConfig).catch((err) => console.error(err))
diff --git a/examples/angular/signal-input/src/app/app.component.ts b/examples/angular/signal-input/src/app/app.component.ts
index ac4f08a53b..02fbb3b650 100644
--- a/examples/angular/signal-input/src/app/app.component.ts
+++ b/examples/angular/signal-input/src/app/app.component.ts
@@ -27,14 +27,14 @@ export class AppComponent {
   }
 
   previousPage(): void {
-    this.pagination.update(pagination => ({
+    this.pagination.update((pagination) => ({
       ...pagination,
       pageIndex: pagination.pageIndex - 1,
     }))
   }
 
   nextPage(): void {
-    this.pagination.update(pagination => ({
+    this.pagination.update((pagination) => ({
       ...pagination,
       pageIndex: pagination.pageIndex + 1,
     }))
diff --git a/examples/angular/signal-input/src/app/person-table/person-table.component.ts b/examples/angular/signal-input/src/app/person-table/person-table.component.ts
index 29a8622ce9..e34a9e3ab1 100644
--- a/examples/angular/signal-input/src/app/person-table/person-table.component.ts
+++ b/examples/angular/signal-input/src/app/person-table/person-table.component.ts
@@ -28,13 +28,13 @@ export class PersonTableComponent {
     {
       accessorKey: 'firstName',
       header: 'First Name',
-      cell: info => info.getValue(),
+      cell: (info) => info.getValue(),
     },
     {
-      accessorFn: row => row.lastName,
+      accessorFn: (row) => row.lastName,
       id: 'lastName',
       header: () => `Last Name`,
-      cell: info => info.getValue(),
+      cell: (info) => info.getValue(),
     },
   ]
 
@@ -45,7 +45,7 @@ export class PersonTableComponent {
       state: {
         pagination: this.pagination(),
       },
-      onPaginationChange: updaterOrValue => {
+      onPaginationChange: (updaterOrValue) => {
         typeof updaterOrValue === 'function'
           ? this.pagination.update(updaterOrValue)
           : this.pagination.set(updaterOrValue)
diff --git a/examples/angular/signal-input/src/main.ts b/examples/angular/signal-input/src/main.ts
index 0c3b92057c..c3d8f9af99 100644
--- a/examples/angular/signal-input/src/main.ts
+++ b/examples/angular/signal-input/src/main.ts
@@ -2,4 +2,4 @@ import { bootstrapApplication } from '@angular/platform-browser'
 import { appConfig } from './app/app.config'
 import { AppComponent } from './app/app.component'
 
-bootstrapApplication(AppComponent, appConfig).catch(err => console.error(err))
+bootstrapApplication(AppComponent, appConfig).catch((err) => console.error(err))
diff --git a/examples/angular/sub-components/src/app/app.component.ts b/examples/angular/sub-components/src/app/app.component.ts
index 5b6372a173..a52a9c620b 100644
--- a/examples/angular/sub-components/src/app/app.component.ts
+++ b/examples/angular/sub-components/src/app/app.component.ts
@@ -23,7 +23,7 @@ import { JsonPipe, NgTemplateOutlet } from '@angular/common'
 const columns: ColumnDef<Person>[] = [
   {
     header: 'Name',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
     columns: [
       {
         id: 'expander',
@@ -46,25 +46,25 @@ const columns: ColumnDef<Person>[] = [
         accessorKey: 'firstName',
         header: 'First Name',
         cell: () => flexRenderComponent(ExpandableCell),
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       },
       {
-        accessorFn: row => row.lastName,
+        accessorFn: (row) => row.lastName,
         id: 'lastName',
-        cell: info => info.getValue(),
+        cell: (info) => info.getValue(),
         header: () => 'Last Name',
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       },
     ],
   },
   {
     header: 'Info',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
     columns: [
       {
         accessorKey: 'age',
         header: () => 'Age',
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       },
       {
         header: 'More Info',
@@ -72,17 +72,17 @@ const columns: ColumnDef<Person>[] = [
           {
             accessorKey: 'visits',
             header: () => 'Visits',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           },
           {
             accessorKey: 'status',
             header: 'Status',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           },
           {
             accessorKey: 'progress',
             header: 'Profile Progress',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           },
         ],
       },
@@ -112,7 +112,7 @@ export class AppComponent {
     state: {
       expanded: this.expanded(),
     },
-    onExpandedChange: updater =>
+    onExpandedChange: (updater) =>
       typeof updater === 'function'
         ? this.expanded.update(updater)
         : this.expanded.set(updater),
diff --git a/examples/angular/sub-components/src/main.ts b/examples/angular/sub-components/src/main.ts
index 0c3b92057c..c3d8f9af99 100644
--- a/examples/angular/sub-components/src/main.ts
+++ b/examples/angular/sub-components/src/main.ts
@@ -2,4 +2,4 @@ import { bootstrapApplication } from '@angular/platform-browser'
 import { appConfig } from './app/app.config'
 import { AppComponent } from './app/app.component'
 
-bootstrapApplication(AppComponent, appConfig).catch(err => console.error(err))
+bootstrapApplication(AppComponent, appConfig).catch((err) => console.error(err))
diff --git a/examples/lit/basic/src/main.ts b/examples/lit/basic/src/main.ts
index e913a2f6d0..233c53531c 100644
--- a/examples/lit/basic/src/main.ts
+++ b/examples/lit/basic/src/main.ts
@@ -25,31 +25,31 @@ const columnHelper = createColumnHelper<Person>()
 
 const columns = [
   columnHelper.accessor('firstName', {
-    cell: info => info.getValue(),
-    footer: info => info.column.id,
+    cell: (info) => info.getValue(),
+    footer: (info) => info.column.id,
   }),
-  columnHelper.accessor(row => row.lastName, {
+  columnHelper.accessor((row) => row.lastName, {
     id: 'lastName',
-    cell: info => html`<i>${info.getValue()}</i>`,
+    cell: (info) => html`<i>${info.getValue()}</i>`,
     header: () => html`<span>Last Name</span>`,
-    footer: info => info.column.id,
+    footer: (info) => info.column.id,
   }),
   columnHelper.accessor('age', {
     header: () => 'Age',
-    cell: info => info.renderValue(),
-    footer: info => info.column.id,
+    cell: (info) => info.renderValue(),
+    footer: (info) => info.column.id,
   }),
   columnHelper.accessor('visits', {
     header: () => html`<span>Visits</span>`,
-    footer: info => info.column.id,
+    footer: (info) => info.column.id,
   }),
   columnHelper.accessor('status', {
     header: 'Status',
-    footer: info => info.column.id,
+    footer: (info) => info.column.id,
   }),
   columnHelper.accessor('progress', {
     header: 'Profile Progress',
-    footer: info => info.column.id,
+    footer: (info) => info.column.id,
   }),
 ]
 
@@ -105,66 +105,66 @@ class LitTableExample extends LitElement {
         <thead>
           ${repeat(
             table.getHeaderGroups(),
-            headerGroup => headerGroup.id,
-            headerGroup =>
+            (headerGroup) => headerGroup.id,
+            (headerGroup) =>
               html`${repeat(
                 headerGroup.headers,
-                header => header.id,
-                header =>
+                (header) => header.id,
+                (header) =>
                   html` <th>
                     ${header.isPlaceholder
                       ? null
                       : flexRender(
                           header.column.columnDef.header,
-                          header.getContext()
+                          header.getContext(),
                         )}
-                  </th>`
-              )}`
+                  </th>`,
+              )}`,
           )}
         </thead>
         <tbody>
           ${repeat(
             table.getRowModel().rows,
-            row => row.id,
-            row => html`
+            (row) => row.id,
+            (row) => html`
               <tr>
                 ${repeat(
                   row.getVisibleCells(),
-                  cell => cell.id,
-                  cell =>
+                  (cell) => cell.id,
+                  (cell) =>
                     html` <td>
                       ${flexRender(
                         cell.column.columnDef.cell,
-                        cell.getContext()
+                        cell.getContext(),
                       )}
-                    </td>`
+                    </td>`,
                 )}
               </tr>
-            `
+            `,
           )}
         </tbody>
         <tfoot>
           ${repeat(
             table.getFooterGroups(),
-            footerGroup => footerGroup.id,
-            footerGroup => html`
+            (footerGroup) => footerGroup.id,
+            (footerGroup) => html`
               <tr>
                 ${repeat(
                   footerGroup.headers,
-                  header => header.id,
-                  header => html`
+                  (header) => header.id,
+                  (header) => html`
                     <th>
                       ${header.isPlaceholder
                         ? null
                         : flexRender(
                             header.column.columnDef.footer,
-                            header.getContext()
+                            header.getContext(),
                           )}
                     </th>
-                  `
+                  `,
                 )}
               </tr>
-            `
+            `,
           )}
         </tfoot>
       </table>
diff --git a/examples/lit/column-sizing/src/main.ts b/examples/lit/column-sizing/src/main.ts
index 937a39ff6b..5a0685507e 100644
--- a/examples/lit/column-sizing/src/main.ts
+++ b/examples/lit/column-sizing/src/main.ts
@@ -14,12 +14,12 @@ import { makeData, Person } from './makeData'
 const columns: ColumnDef<Person>[] = [
   {
     accessorKey: 'firstName',
-    cell: info => info.getValue(),
+    cell: (info) => info.getValue(),
   },
   {
-    accessorFn: row => row.lastName,
+    accessorFn: (row) => row.lastName,
     id: 'lastName',
-    cell: info => info.getValue(),
+    cell: (info) => info.getValue(),
     header: () => html`<span>Last Name</span>`,
   },
   {
@@ -73,18 +73,18 @@ class LitTableExample extends LitElement {
         <thead>
           ${repeat(
             table.getHeaderGroups(),
-            headerGroup => headerGroup.id,
-            headerGroup => html`
+            (headerGroup) => headerGroup.id,
+            (headerGroup) => html`
               <tr>
                 ${headerGroup.headers.map(
-                  header => html`
+                  (header) => html`
                     <th
                       colspan="${header.colSpan}"
                       style="width: ${header.getSize()}px"
                     >
                       ${flexRender(
                         header.column.columnDef.header,
-                        header.getContext()
+                        header.getContext(),
                       )}
                       ${header.isPlaceholder
                         ? null
@@ -98,10 +98,10 @@ class LitTableExample extends LitElement {
                             @touchstart="${header.getResizeHandler()}"
                           />`}
                     </th>
-                  `
+                  `,
                 )}
               </tr>
-            `
+            `,
           )}
         </thead>
         <tbody>
@@ -109,22 +109,22 @@ class LitTableExample extends LitElement {
             .getRowModel()
             .rows.slice(0, 10)
             .map(
-              row => html`
+              (row) => html`
                 <tr>
                   ${row
                     .getVisibleCells()
                     .map(
-                      cell => html`
+                      (cell) => html`
                         <td>
                           ${flexRender(
                             cell.column.columnDef.cell,
-                            cell.getContext()
+                            cell.getContext(),
                           )}
                         </td>
-                      `
+                      `,
                     )}
                 </tr>
-              `
+              `,
             )}
         </tbody>
       </table>
@@ -135,7 +135,7 @@ ${JSON.stringify(
             columnSizingInfo: table.getState().columnSizingInfo,
           },
           null,
-          2
+          2,
         )}</pre
       >
       <style>
diff --git a/examples/lit/filters/src/main.ts b/examples/lit/filters/src/main.ts
index 3cb1695684..704e469400 100644
--- a/examples/lit/filters/src/main.ts
+++ b/examples/lit/filters/src/main.ts
@@ -18,19 +18,19 @@ import { makeData, Person } from './makeData'
 const columns: ColumnDef<Person, any>[] = [
   {
     accessorKey: 'firstName',
-    cell: info => info.getValue(),
+    cell: (info) => info.getValue(),
   },
   {
-    accessorFn: row => row.lastName,
+    accessorFn: (row) => row.lastName,
     id: 'lastName',
-    cell: info => info.getValue(),
+    cell: (info) => info.getValue(),
     header: () => html`<span>Last Name</span>`,
   },
   {
-    accessorFn: row => `${row.firstName} ${row.lastName}`,
+    accessorFn: (row) => `${row.firstName} ${row.lastName}`,
     id: 'fullName',
     header: 'Full Name',
-    cell: info => info.getValue(),
+    cell: (info) => info.getValue(),
   },
   {
     accessorKey: 'age',
@@ -142,7 +142,7 @@ class LitTableExample extends LitElement {
       state: {
         columnFilters: this._columnFilters,
       },
-      onColumnFiltersChange: updater => {
+      onColumnFiltersChange: (updater) => {
         if (typeof updater === 'function') {
           this._columnFilters = updater(this._columnFilters)
         } else {
@@ -163,13 +163,13 @@ class LitTableExample extends LitElement {
         <thead>
           ${repeat(
             table.getHeaderGroups(),
-            headerGroup => headerGroup.id,
-            headerGroup => html`
+            (headerGroup) => headerGroup.id,
+            (headerGroup) => html`
               <tr>
                 ${repeat(
                   headerGroup.headers,
-                  header => header.id,
-                  header => html`
+                  (header) => header.id,
+                  (header) => html`
                     <th colspan="${header.colSpan}">
                       ${header.isPlaceholder
                         ? null
@@ -189,7 +189,7 @@ class LitTableExample extends LitElement {
                             >
                               ${flexRender(
                                 header.column.columnDef.header,
-                                header.getContext()
+                                header.getContext(),
                               )}
                               ${{ asc: ' 🔼', desc: ' 🔽' }[
                                 header.column.getIsSorted() as string
@@ -203,10 +203,10 @@ class LitTableExample extends LitElement {
                                 </div>`
                               : null} `}
                     </th>
-                  `
+                  `,
                 )}
               </tr>
-            `
+            `,
           )}
         </thead>
         <tbody>
@@ -214,22 +214,22 @@ class LitTableExample extends LitElement {
             .getRowModel()
             .rows.slice(0, 10)
             .map(
-              row => html`
+              (row) => html`
                 <tr>
                   ${row
                     .getVisibleCells()
                     .map(
-                      cell => html`
+                      (cell) => html`
                         <td>
                           ${flexRender(
                             cell.column.columnDef.cell,
-                            cell.getContext()
+                            cell.getContext(),
                           )}
                         </td>
-                      `
+                      `,
                     )}
                 </tr>
-              `
+              `,
             )}
         </tbody>
       </table>
diff --git a/examples/lit/row-selection/src/main.ts b/examples/lit/row-selection/src/main.ts
index 9b146fe7f0..f648b62afd 100644
--- a/examples/lit/row-selection/src/main.ts
+++ b/examples/lit/row-selection/src/main.ts
@@ -34,19 +34,19 @@ const columns: ColumnDef<Person, any>[] = [
   },
   {
     accessorKey: 'firstName',
-    cell: info => info.getValue(),
+    cell: (info) => info.getValue(),
   },
   {
-    accessorFn: row => row.lastName,
+    accessorFn: (row) => row.lastName,
     id: 'lastName',
-    cell: info => info.getValue(),
+    cell: (info) => info.getValue(),
     header: () => html`<span>Last Name</span>`,
   },
   {
-    accessorFn: row => `${row.firstName} ${row.lastName}`,
+    accessorFn: (row) => `${row.firstName} ${row.lastName}`,
     id: 'fullName',
     header: 'Full Name',
-    cell: info => info.getValue(),
+    cell: (info) => info.getValue(),
   },
   {
     accessorKey: 'age',
@@ -84,7 +84,7 @@ class LitTableExample extends LitElement {
         rowSelection: this._rowSelection,
       },
       enableRowSelection: true,
-      onRowSelectionChange: updaterOrValue => {
+      onRowSelectionChange: (updaterOrValue) => {
         if (typeof updaterOrValue === 'function') {
           this._rowSelection = updaterOrValue(this._rowSelection)
         } else {
@@ -102,27 +102,27 @@ class LitTableExample extends LitElement {
         <thead>
           ${repeat(
             table.getHeaderGroups(),
-            headerGroup => headerGroup.id,
-            headerGroup => html`
+            (headerGroup) => headerGroup.id,
+            (headerGroup) => html`
               <tr>
                 ${repeat(
                   headerGroup.headers,
-                  header => header.id,
-                  header => html`
+                  (header) => header.id,
+                  (header) => html`
                     <th colspan="${header.colSpan}">
                       ${header.isPlaceholder
                         ? null
                         : html`<div>
                             ${flexRender(
                               header.column.columnDef.header,
-                              header.getContext()
+                              header.getContext(),
                             )}
                           </div>`}
                     </th>
-                  `
+                  `,
                 )}
               </tr>
-            `
+            `,
           )}
         </thead>
         <tbody>
@@ -130,22 +130,22 @@ class LitTableExample extends LitElement {
             .getRowModel()
             .rows.slice(0, 10)
             .map(
-              row => html`
+              (row) => html`
                 <tr>
                   ${row
                     .getVisibleCells()
                     .map(
-                      cell => html`
+                      (cell) => html`
                         <td>
                           ${flexRender(
                             cell.column.columnDef.cell,
-                            cell.getContext()
+                            cell.getContext(),
                           )}
                         </td>
-                      `
+                      `,
                     )}
                 </tr>
-              `
+              `,
             )}
         </tbody>
       </table>
diff --git a/examples/lit/sorting-dynamic-data/src/main.ts b/examples/lit/sorting-dynamic-data/src/main.ts
index 7e1583c8c3..57faa29319 100644
--- a/examples/lit/sorting-dynamic-data/src/main.ts
+++ b/examples/lit/sorting-dynamic-data/src/main.ts
@@ -24,13 +24,13 @@ const sortStatusFn: SortingFn<Person> = (rowA, rowB, _columnId) => {
 const columns: ColumnDef<Person>[] = [
   {
     accessorKey: 'firstName',
-    cell: info => info.getValue(),
+    cell: (info) => info.getValue(),
     //this column will sort in ascending order by default since it is a string column
   },
   {
-    accessorFn: row => row.lastName,
+    accessorFn: (row) => row.lastName,
     id: 'lastName',
-    cell: info => info.getValue(),
+    cell: (info) => info.getValue(),
     header: () => html`<span>Last Name</span>`,
     sortUndefined: 'last', //force undefined values to the end
     sortDescFirst: false, //first sort order will be ascending (nullable values can mess up auto detection of sort order)
@@ -88,11 +88,11 @@ class LitTableExample extends LitElement {
   }
 
   protected willUpdate(
-    _changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>
+    _changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>,
   ): void {
     super.willUpdate(_changedProperties)
     if (_changedProperties.has('_multiplier')) {
-      const newData: Person[] = data.map(d => {
+      const newData: Person[] = data.map((d) => {
         const p: Person = {
           ...d,
           visits: d.visits ? d.visits * this._multiplier : undefined,
@@ -110,7 +110,7 @@ class LitTableExample extends LitElement {
       state: {
         sorting: this._sorting,
       },
-      onSortingChange: updaterOrValue => {
+      onSortingChange: (updaterOrValue) => {
         if (typeof updaterOrValue === 'function') {
           this._sorting = updaterOrValue(this._sorting)
         } else {
@@ -139,11 +139,11 @@ class LitTableExample extends LitElement {
         <thead>
           ${repeat(
             table.getHeaderGroups(),
-            headerGroup => headerGroup.id,
-            headerGroup => html`
+            (headerGroup) => headerGroup.id,
+            (headerGroup) => html`
               <tr>
                 ${headerGroup.headers.map(
-                  header => html`
+                  (header) => html`
                     <th colspan="${header.colSpan}">
                       ${header.isPlaceholder
                         ? null
@@ -162,17 +162,17 @@ class LitTableExample extends LitElement {
                           >
                             ${flexRender(
                               header.column.columnDef.header,
-                              header.getContext()
+                              header.getContext(),
                             )}
                             ${{ asc: ' 🔼', desc: ' 🔽' }[
                               header.column.getIsSorted() as string
                             ] ?? null}
                           </div>`}
                     </th>
-                  `
+                  `,
                 )}
               </tr>
-            `
+            `,
           )}
         </thead>
         <tbody>
@@ -180,22 +180,22 @@ class LitTableExample extends LitElement {
             .getRowModel()
             .rows.slice(0, 10)
             .map(
-              row => html`
+              (row) => html`
                 <tr>
                   ${row
                     .getVisibleCells()
                     .map(
-                      cell => html`
+                      (cell) => html`
                         <td>
                           ${flexRender(
                             cell.column.columnDef.cell,
-                            cell.getContext()
+                            cell.getContext(),
                           )}
                         </td>
-                      `
+                      `,
                     )}
                 </tr>
-              `
+              `,
             )}
         </tbody>
       </table>
diff --git a/examples/lit/sorting/src/main.ts b/examples/lit/sorting/src/main.ts
index e111ac50c6..0ee95c17ad 100644
--- a/examples/lit/sorting/src/main.ts
+++ b/examples/lit/sorting/src/main.ts
@@ -24,13 +24,13 @@ const sortStatusFn: SortingFn<Person> = (rowA, rowB, _columnId) => {
 const columns: ColumnDef<Person>[] = [
   {
     accessorKey: 'firstName',
-    cell: info => info.getValue(),
+    cell: (info) => info.getValue(),
     //this column will sort in ascending order by default since it is a string column
   },
   {
-    accessorFn: row => row.lastName,
+    accessorFn: (row) => row.lastName,
     id: 'lastName',
-    cell: info => info.getValue(),
+    cell: (info) => info.getValue(),
     header: () => html`<span>Last Name</span>`,
     sortUndefined: 'last', //force undefined values to the end
     sortDescFirst: false, //first sort order will be ascending (nullable values can mess up auto detection of sort order)
@@ -83,7 +83,7 @@ class LitTableExample extends LitElement {
       state: {
         sorting: this._sorting,
       },
-      onSortingChange: updaterOrValue => {
+      onSortingChange: (updaterOrValue) => {
         if (typeof updaterOrValue === 'function') {
           this._sorting = updaterOrValue(this._sorting)
         } else {
@@ -99,11 +99,11 @@ class LitTableExample extends LitElement {
         <thead>
           ${repeat(
             table.getHeaderGroups(),
-            headerGroup => headerGroup.id,
-            headerGroup => html`
+            (headerGroup) => headerGroup.id,
+            (headerGroup) => html`
               <tr>
                 ${headerGroup.headers.map(
-                  header => html`
+                  (header) => html`
                     <th colspan="${header.colSpan}">
                       ${header.isPlaceholder
                         ? null
@@ -122,17 +122,17 @@ class LitTableExample extends LitElement {
                           >
                             ${flexRender(
                               header.column.columnDef.header,
-                              header.getContext()
+                              header.getContext(),
                             )}
                             ${{ asc: ' 🔼', desc: ' 🔽' }[
                               header.column.getIsSorted() as string
                             ] ?? null}
                           </div>`}
                     </th>
-                  `
+                  `,
                 )}
               </tr>
-            `
+            `,
           )}
         </thead>
         <tbody>
@@ -140,22 +140,22 @@ class LitTableExample extends LitElement {
             .getRowModel()
             .rows.slice(0, 10)
             .map(
-              row => html`
+              (row) => html`
                 <tr>
                   ${row
                     .getVisibleCells()
                     .map(
-                      cell => html`
+                      (cell) => html`
                         <td>
                           ${flexRender(
                             cell.column.columnDef.cell,
-                            cell.getContext()
+                            cell.getContext(),
                           )}
                         </td>
-                      `
+                      `,
                     )}
                 </tr>
-              `
+              `,
             )}
         </tbody>
       </table>
diff --git a/examples/lit/virtualized-rows/src/main.ts b/examples/lit/virtualized-rows/src/main.ts
index d11e3fd0dd..db0c47b7d7 100644
--- a/examples/lit/virtualized-rows/src/main.ts
+++ b/examples/lit/virtualized-rows/src/main.ts
@@ -23,12 +23,12 @@ const columns: ColumnDef<Person>[] = [
   },
   {
     accessorKey: 'firstName',
-    cell: info => info.getValue(),
+    cell: (info) => info.getValue(),
   },
   {
-    accessorFn: row => row.lastName,
+    accessorFn: (row) => row.lastName,
     id: 'lastName',
-    cell: info => info.getValue(),
+    cell: (info) => info.getValue(),
     header: () => html`<span>Last Name</span>`,
   },
   {
@@ -53,7 +53,7 @@ const columns: ColumnDef<Person>[] = [
   {
     accessorKey: 'createdAt',
     header: 'Created At',
-    cell: info => info.getValue<Date>().toLocaleString(),
+    cell: (info) => info.getValue<Date>().toLocaleString(),
     size: 250,
   },
 ]
@@ -110,13 +110,13 @@ class LitTableExample extends LitElement {
             >
               ${repeat(
                 table.getHeaderGroups(),
-                headerGroup => headerGroup.id,
-                headerGroup => html`
+                (headerGroup) => headerGroup.id,
+                (headerGroup) => html`
                   <tr style="${styleMap({ display: 'flex', width: '100%' })}">
                     ${repeat(
                       headerGroup.headers,
-                      header => header.id,
-                      header => html`
+                      (header) => header.id,
+                      (header) => html`
                         <th
                           style="${styleMap({
                             display: 'flex',
@@ -126,16 +126,16 @@ class LitTableExample extends LitElement {
                         >
                           ${flexRender(
                             header.column.columnDef.header,
-                            header.getContext()
+                            header.getContext(),
                           )}
                           ${{ asc: ' 🔼', desc: ' 🔽' }[
                             header.column.getIsSorted() as string
                           ] ?? null}
                         </th>
-                      `
+                      `,
                     )}
                   </tr>
-                `
+                `,
               )}
             </thead>
             <tbody
@@ -149,8 +149,8 @@ class LitTableExample extends LitElement {
                 this.rowVirtualizerController
                   .getVirtualizer()
                   .getVirtualItems(),
-                item => item.key,
-                item => {
+                (item) => item.key,
+                (item) => {
                   const row = rows[item.index] as Row<Person>
                   return html`
                     <tr
@@ -160,16 +160,16 @@ class LitTableExample extends LitElement {
                         transform: `translateY(${item.start}px)`,
                         width: '100%',
                       })}
-                      ${ref(node =>
+                      ${ref((node) =>
                         this.rowVirtualizerController
                           .getVirtualizer()
-                          .measureElement(node)
+                          .measureElement(node),
                       )}
                     >
                       ${repeat(
                         row.getVisibleCells(),
-                        cell => cell.id,
-                        cell => html`
+                        (cell) => cell.id,
+                        (cell) => html`
                           <td
                             style=${styleMap({
                               display: 'flex',
@@ -178,14 +178,14 @@ class LitTableExample extends LitElement {
                           >
                             ${flexRender(
                               cell.column.columnDef.cell,
-                              cell.getContext()
+                              cell.getContext(),
                             )}
                           </td>
-                        `
+                        `,
                       )}
                     </tr>
                   `
-                }
+                },
               )}
             </tbody>
           </table>
diff --git a/examples/qwik/basic/src/main.tsx b/examples/qwik/basic/src/main.tsx
index c25919e845..362cacde4a 100644
--- a/examples/qwik/basic/src/main.tsx
+++ b/examples/qwik/basic/src/main.tsx
@@ -58,31 +58,31 @@ const columnHelper = createColumnHelper<Person>()
 
 const columns = [
   columnHelper.accessor('firstName', {
-    cell: info => info.getValue(),
-    footer: info => info.column.id,
+    cell: (info) => info.getValue(),
+    footer: (info) => info.column.id,
   }),
-  columnHelper.accessor(row => row.lastName, {
+  columnHelper.accessor((row) => row.lastName, {
     id: 'lastName',
-    cell: info => <i>{info.getValue()}</i>,
+    cell: (info) => <i>{info.getValue()}</i>,
     header: () => <span>Last Name</span>,
-    footer: info => info.column.id,
+    footer: (info) => info.column.id,
   }),
   columnHelper.accessor('age', {
     header: () => 'Age',
-    cell: info => info.renderValue(),
-    footer: info => info.column.id,
+    cell: (info) => info.renderValue(),
+    footer: (info) => info.column.id,
   }),
   columnHelper.accessor('visits', {
     header: () => <span>Visits</span>,
-    footer: info => info.column.id,
+    footer: (info) => info.column.id,
   }),
   columnHelper.accessor('status', {
     header: 'Status',
-    footer: info => info.column.id,
+    footer: (info) => info.column.id,
   }),
   columnHelper.accessor('progress', {
     header: 'Profile Progress',
-    footer: info => info.column.id,
+    footer: (info) => info.column.id,
   }),
 ]
 
@@ -98,15 +98,15 @@ const App = component$(() => {
     <div class="p-2">
       <table>
         <thead>
-          {table.getHeaderGroups().map(headerGroup => (
+          {table.getHeaderGroups().map((headerGroup) => (
             <tr key={headerGroup.id}>
-              {headerGroup.headers.map(header => (
+              {headerGroup.headers.map((header) => (
                 <th key={header.id}>
                   {header.isPlaceholder
                     ? null
                     : flexRender(
                         header.column.columnDef.header,
-                        header.getContext()
+                        header.getContext(),
                       )}
                 </th>
               ))}
@@ -114,9 +114,9 @@ const App = component$(() => {
           ))}
         </thead>
         <tbody>
-          {table.getRowModel().rows.map(row => (
+          {table.getRowModel().rows.map((row) => (
             <tr key={row.id}>
-              {row.getVisibleCells().map(cell => (
+              {row.getVisibleCells().map((cell) => (
                 <td key={cell.id}>
                   {flexRender(cell.column.columnDef.cell, cell.getContext())}
                 </td>
@@ -125,15 +125,15 @@ const App = component$(() => {
           ))}
         </tbody>
         <tfoot>
-          {table.getFooterGroups().map(footerGroup => (
+          {table.getFooterGroups().map((footerGroup) => (
             <tr key={footerGroup.id}>
-              {footerGroup.headers.map(header => (
+              {footerGroup.headers.map((header) => (
                 <th key={header.id}>
                   {header.isPlaceholder
                     ? null
                     : flexRender(
                         header.column.columnDef.footer,
-                        header.getContext()
+                        header.getContext(),
                       )}
                 </th>
               ))}
diff --git a/examples/qwik/filters/src/main.tsx b/examples/qwik/filters/src/main.tsx
index 95063efa5f..3bdc78c474 100644
--- a/examples/qwik/filters/src/main.tsx
+++ b/examples/qwik/filters/src/main.tsx
@@ -59,7 +59,7 @@ const fuzzySort: SortingFn<any> = (rowA, rowB, columnId) => {
   if (rowA.columnFiltersMeta[columnId]) {
     dir = compareItems(
       rowA.columnFiltersMeta[columnId]?.itemRank!,
-      rowB.columnFiltersMeta[columnId]?.itemRank!
+      rowB.columnFiltersMeta[columnId]?.itemRank!,
     )
   }
 
@@ -116,50 +116,50 @@ const columnHelper = createColumnHelper<Person>()
 const columns = [
   columnHelper.group({
     header: 'Name',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
     columns: [
       columnHelper.accessor('firstName', {
-        cell: info => info.getValue(),
-        footer: props => props.column.id,
+        cell: (info) => info.getValue(),
+        footer: (props) => props.column.id,
       }),
-      columnHelper.accessor(row => row.lastName, {
+      columnHelper.accessor((row) => row.lastName, {
         id: 'lastName',
-        cell: info => info.getValue(),
+        cell: (info) => info.getValue(),
         header: () => <span>Last Name</span>,
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
         sortingFn: fuzzySort,
       }),
-      columnHelper.accessor(row => `${row.firstName} ${row.lastName}`, {
+      columnHelper.accessor((row) => `${row.firstName} ${row.lastName}`, {
         id: 'fullName',
         header: 'Full Name',
-        cell: info => info.getValue(),
-        footer: props => props.column.id,
+        cell: (info) => info.getValue(),
+        footer: (props) => props.column.id,
         sortingFn: fuzzySort,
       }),
     ],
   }),
   columnHelper.group({
     header: 'Info',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
     columns: [
       columnHelper.accessor('age', {
         header: () => 'Age',
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       }),
       columnHelper.group({
         header: 'More Info',
         columns: [
           columnHelper.accessor('visits', {
             header: () => <span>Visits</span>,
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           }),
           columnHelper.accessor('status', {
             header: 'Status',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           }),
           columnHelper.accessor('progress', {
             header: 'Profile Progress',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           }),
         ],
       }),
@@ -182,12 +182,12 @@ const App = component$(() => {
       columnFilters: columnFilters.value,
       globalFilter: globalFilter.value,
     },
-    onColumnFiltersChange: updater => {
+    onColumnFiltersChange: (updater) => {
       const updated =
         updater instanceof Function ? updater(columnFilters.value) : updater
       columnFilters.value = updated
     },
-    onGlobalFilterChange: updater => {
+    onGlobalFilterChange: (updater) => {
       const updated = updater(globalFilter.value)
       globalFilter.value = updated
     },
@@ -218,9 +218,9 @@ const App = component$(() => {
       </div>
       <table class="table">
         <thead>
-          {table.getHeaderGroups().map(headerGroup => (
+          {table.getHeaderGroups().map((headerGroup) => (
             <tr key={headerGroup.id}>
-              {headerGroup.headers.map(header => {
+              {headerGroup.headers.map((header) => {
                 return (
                   <th key={header.id} colSpan={header.colSpan}>
                     {header.isPlaceholder ? null : (
@@ -235,7 +235,7 @@ const App = component$(() => {
                         >
                           {flexRender(
                             header.column.columnDef.header,
-                            header.getContext()
+                            header.getContext(),
                           )}
                           {{
                             asc: ' 🔼',
@@ -256,10 +256,10 @@ const App = component$(() => {
           ))}
         </thead>
         <tbody>
-          {table.getRowModel().rows.map(row => {
+          {table.getRowModel().rows.map((row) => {
             return (
               <tr key={row.id}>
-                {row.getVisibleCells().map(cell => (
+                {row.getVisibleCells().map((cell) => (
                   <td key={cell.id}>
                     {flexRender(cell.column.columnDef.cell, cell.getContext())}
                   </td>
diff --git a/examples/qwik/row-selection/src/main.tsx b/examples/qwik/row-selection/src/main.tsx
index 3c24e842a7..bd9313c416 100644
--- a/examples/qwik/row-selection/src/main.tsx
+++ b/examples/qwik/row-selection/src/main.tsx
@@ -97,30 +97,30 @@ const columns: ColumnDef<Person, any>[] = [
     },
   },
   columnHelper.accessor('firstName', {
-    cell: info => info.getValue(),
-    footer: props => props.column.id,
+    cell: (info) => info.getValue(),
+    footer: (props) => props.column.id,
   }),
-  columnHelper.accessor(row => row.lastName, {
+  columnHelper.accessor((row) => row.lastName, {
     id: 'lastName',
-    cell: info => info.getValue(),
+    cell: (info) => info.getValue(),
     header: () => <span>Last Name</span>,
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
   }),
   columnHelper.accessor('age', {
     header: () => 'Age',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
   }),
   columnHelper.accessor('visits', {
     header: () => <span>Visits</span>,
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
   }),
   columnHelper.accessor('status', {
     header: 'Status',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
   }),
   columnHelper.accessor('progress', {
     header: 'Profile Progress',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
   }),
 ]
 
@@ -133,7 +133,7 @@ const App = component$(() => {
     getCoreRowModel: getCoreRowModel(),
     getSortedRowModel: getSortedRowModel(),
     enableSorting: true,
-    onRowSelectionChange: updater => {
+    onRowSelectionChange: (updater) => {
       rowSelection.value =
         updater instanceof Function ? updater(rowSelection.value) : updater
     },
@@ -148,9 +148,9 @@ const App = component$(() => {
     <div>
       <table class="table">
         <thead>
-          {table.getHeaderGroups().map(headerGroup => (
+          {table.getHeaderGroups().map((headerGroup) => (
             <tr key={headerGroup.id}>
-              {headerGroup.headers.map(header => {
+              {headerGroup.headers.map((header) => {
                 const { column } = header
                 const id = column.id
                 return (
@@ -166,7 +166,7 @@ const App = component$(() => {
                       ? null
                       : flexRender(
                           header.column.columnDef.header,
-                          header.getContext()
+                          header.getContext(),
                         )}
                   </th>
                 )
@@ -176,10 +176,10 @@ const App = component$(() => {
         </thead>
 
         <tbody>
-          {table.getRowModel().rows.map(row => {
+          {table.getRowModel().rows.map((row) => {
             return (
               <tr key={row.id}>
-                {row.getVisibleCells().map(cell => (
+                {row.getVisibleCells().map((cell) => (
                   <td key={cell.id}>
                     {flexRender(cell.column.columnDef.cell, cell.getContext())}
                   </td>
@@ -204,7 +204,7 @@ const App = component$(() => {
           onClick$={() =>
             console.info(
               'table.getSelectedRowModel().flatRows',
-              table.getSelectedRowModel().flatRows
+              table.getSelectedRowModel().flatRows,
             )
           }
         >
diff --git a/examples/qwik/sorting/src/main.tsx b/examples/qwik/sorting/src/main.tsx
index d1a4d4488f..0d6ebaae57 100644
--- a/examples/qwik/sorting/src/main.tsx
+++ b/examples/qwik/sorting/src/main.tsx
@@ -25,41 +25,41 @@ type Person = {
 const columns: ColumnDef<Person>[] = [
   {
     accessorKey: 'firstName',
-    cell: info => info.getValue(),
-    footer: props => props.column.id,
+    cell: (info) => info.getValue(),
+    footer: (props) => props.column.id,
   },
   {
-    accessorFn: row => row.lastName,
+    accessorFn: (row) => row.lastName,
     id: 'lastName',
-    cell: info => info.getValue(),
+    cell: (info) => info.getValue(),
     header: () => <span>Last Name</span>,
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
   },
   {
     accessorKey: 'age',
     header: () => 'Age',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
   },
   {
     accessorKey: 'visits',
     header: () => <span>Visits</span>,
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
   },
   {
     accessorKey: 'status',
     header: 'Status',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
   },
   {
     accessorKey: 'progress',
     header: 'Profile Progress',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
     sortDescFirst: true, // This column will sort in descending order first (default for number columns anyway)
   },
   {
     accessorKey: 'createdAt',
     header: 'Created At',
-    cell: info => info.getValue<Date>().toLocaleDateString(),
+    cell: (info) => info.getValue<Date>().toLocaleDateString(),
     // sortingFn: 'datetime' (inferred from the data)
   },
 ]
@@ -78,7 +78,7 @@ const App = component$(() => {
     state: {
       sorting: sorting.value,
     },
-    onSortingChange: updater => {
+    onSortingChange: (updater) => {
       sorting.value =
         updater instanceof Function ? updater(sorting.value) : updater
     },
@@ -88,9 +88,9 @@ const App = component$(() => {
     <div class="p-2">
       <table>
         <thead>
-          {table.getHeaderGroups().map(headerGroup => (
+          {table.getHeaderGroups().map((headerGroup) => (
             <tr key={headerGroup.id}>
-              {headerGroup.headers.map(header => {
+              {headerGroup.headers.map((header) => {
                 const { column } = header
                 const id = column.id
                 return (
@@ -102,7 +102,7 @@ const App = component$(() => {
                             ? 'cursor-pointer select-none'
                             : ''
                         }
-                        onClick$={$(event => {
+                        onClick$={$((event) => {
                           const col = table.getColumn(id)! //avoid serializing errors
                           col.getToggleSortingHandler()!(event)
                         })}
@@ -118,7 +118,7 @@ const App = component$(() => {
                       >
                         {flexRender(
                           header.column.columnDef.header,
-                          header.getContext()
+                          header.getContext(),
                         )}
                         {{
                           asc: ' 🔼',
@@ -136,15 +136,15 @@ const App = component$(() => {
           {table
             .getRowModel()
             .rows.slice(0, 10)
-            .map(row => {
+            .map((row) => {
               return (
                 <tr key={row.id}>
-                  {row.getVisibleCells().map(cell => {
+                  {row.getVisibleCells().map((cell) => {
                     return (
                       <td key={cell.id}>
                         {flexRender(
                           cell.column.columnDef.cell,
-                          cell.getContext()
+                          cell.getContext(),
                         )}
                       </td>
                     )
diff --git a/examples/react/basic/src/main.tsx b/examples/react/basic/src/main.tsx
index c1f615525e..b2226b2746 100644
--- a/examples/react/basic/src/main.tsx
+++ b/examples/react/basic/src/main.tsx
@@ -50,31 +50,31 @@ const columnHelper = createColumnHelper<Person>()
 
 const columns = [
   columnHelper.accessor('firstName', {
-    cell: info => info.getValue(),
-    footer: info => info.column.id,
+    cell: (info) => info.getValue(),
+    footer: (info) => info.column.id,
   }),
-  columnHelper.accessor(row => row.lastName, {
+  columnHelper.accessor((row) => row.lastName, {
     id: 'lastName',
-    cell: info => <i>{info.getValue()}</i>,
+    cell: (info) => <i>{info.getValue()}</i>,
     header: () => <span>Last Name</span>,
-    footer: info => info.column.id,
+    footer: (info) => info.column.id,
   }),
   columnHelper.accessor('age', {
     header: () => 'Age',
-    cell: info => info.renderValue(),
-    footer: info => info.column.id,
+    cell: (info) => info.renderValue(),
+    footer: (info) => info.column.id,
   }),
   columnHelper.accessor('visits', {
     header: () => <span>Visits</span>,
-    footer: info => info.column.id,
+    footer: (info) => info.column.id,
   }),
   columnHelper.accessor('status', {
     header: 'Status',
-    footer: info => info.column.id,
+    footer: (info) => info.column.id,
   }),
   columnHelper.accessor('progress', {
     header: 'Profile Progress',
-    footer: info => info.column.id,
+    footer: (info) => info.column.id,
   }),
 ]
 
@@ -92,15 +92,15 @@ function App() {
     <div className="p-2">
       <table>
         <thead>
-          {table.getHeaderGroups().map(headerGroup => (
+          {table.getHeaderGroups().map((headerGroup) => (
             <tr key={headerGroup.id}>
-              {headerGroup.headers.map(header => (
+              {headerGroup.headers.map((header) => (
                 <th key={header.id}>
                   {header.isPlaceholder
                     ? null
                     : flexRender(
                         header.column.columnDef.header,
-                        header.getContext()
+                        header.getContext(),
                       )}
                 </th>
               ))}
@@ -108,9 +108,9 @@ function App() {
           ))}
         </thead>
         <tbody>
-          {table.getRowModel().rows.map(row => (
+          {table.getRowModel().rows.map((row) => (
             <tr key={row.id}>
-              {row.getVisibleCells().map(cell => (
+              {row.getVisibleCells().map((cell) => (
                 <td key={cell.id}>
                   {flexRender(cell.column.columnDef.cell, cell.getContext())}
                 </td>
@@ -119,15 +119,15 @@ function App() {
           ))}
         </tbody>
         <tfoot>
-          {table.getFooterGroups().map(footerGroup => (
+          {table.getFooterGroups().map((footerGroup) => (
             <tr key={footerGroup.id}>
-              {footerGroup.headers.map(header => (
+              {footerGroup.headers.map((header) => (
                 <th key={header.id}>
                   {header.isPlaceholder
                     ? null
                     : flexRender(
                         header.column.columnDef.footer,
-                        header.getContext()
+                        header.getContext(),
                       )}
                 </th>
               ))}
@@ -149,5 +149,5 @@ if (!rootElement) throw new Error('Failed to find the root element')
 ReactDOM.createRoot(rootElement).render(
   <React.StrictMode>
     <App />
-  </React.StrictMode>
+  </React.StrictMode>,
 )
diff --git a/examples/react/bootstrap/src/main.tsx b/examples/react/bootstrap/src/main.tsx
index f06911f9b4..626723a28d 100644
--- a/examples/react/bootstrap/src/main.tsx
+++ b/examples/react/bootstrap/src/main.tsx
@@ -16,30 +16,30 @@ import { makeData, Person } from './makeData'
 const columns: ColumnDef<Person>[] = [
   {
     header: 'Name',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
     columns: [
       {
         accessorKey: 'firstName',
-        cell: info => info.getValue(),
-        footer: props => props.column.id,
+        cell: (info) => info.getValue(),
+        footer: (props) => props.column.id,
       },
       {
-        accessorFn: row => row.lastName,
+        accessorFn: (row) => row.lastName,
         id: 'lastName',
-        cell: info => info.getValue(),
+        cell: (info) => info.getValue(),
         header: () => <span>Last Name</span>,
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       },
     ],
   },
   {
     header: 'Info',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
     columns: [
       {
         accessorKey: 'age',
         header: () => 'Age',
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       },
       {
         header: 'More Info',
@@ -47,17 +47,17 @@ const columns: ColumnDef<Person>[] = [
           {
             accessorKey: 'visits',
             header: () => <span>Visits</span>,
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           },
           {
             accessorKey: 'status',
             header: 'Status',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           },
           {
             accessorKey: 'progress',
             header: 'Profile Progress',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           },
         ],
       },
@@ -79,15 +79,15 @@ function App() {
     <div className="p-2">
       <BTable striped bordered hover responsive size="sm">
         <thead>
-          {table.getHeaderGroups().map(headerGroup => (
+          {table.getHeaderGroups().map((headerGroup) => (
             <tr key={headerGroup.id}>
-              {headerGroup.headers.map(header => (
+              {headerGroup.headers.map((header) => (
                 <th key={header.id} colSpan={header.colSpan}>
                   {header.isPlaceholder
                     ? null
                     : flexRender(
                         header.column.columnDef.header,
-                        header.getContext()
+                        header.getContext(),
                       )}
                 </th>
               ))}
@@ -95,9 +95,9 @@ function App() {
           ))}
         </thead>
         <tbody>
-          {table.getRowModel().rows.map(row => (
+          {table.getRowModel().rows.map((row) => (
             <tr key={row.id}>
-              {row.getVisibleCells().map(cell => (
+              {row.getVisibleCells().map((cell) => (
                 <td key={cell.id}>
                   {flexRender(cell.column.columnDef.cell, cell.getContext())}
                 </td>
@@ -106,15 +106,15 @@ function App() {
           ))}
         </tbody>
         <tfoot>
-          {table.getFooterGroups().map(footerGroup => (
+          {table.getFooterGroups().map((footerGroup) => (
             <tr key={footerGroup.id}>
-              {footerGroup.headers.map(header => (
+              {footerGroup.headers.map((header) => (
                 <th key={header.id} colSpan={header.colSpan}>
                   {header.isPlaceholder
                     ? null
                     : flexRender(
                         header.column.columnDef.footer,
-                        header.getContext()
+                        header.getContext(),
                       )}
                 </th>
               ))}
@@ -137,5 +137,5 @@ if (!rootElement) throw new Error('Failed to find the root element')
 ReactDOM.createRoot(rootElement).render(
   <React.StrictMode>
     <App />
-  </React.StrictMode>
+  </React.StrictMode>,
 )
diff --git a/examples/react/column-dnd/src/main.tsx b/examples/react/column-dnd/src/main.tsx
index 9365e35ccb..ab1373c09e 100644
--- a/examples/react/column-dnd/src/main.tsx
+++ b/examples/react/column-dnd/src/main.tsx
@@ -93,13 +93,13 @@ function App() {
     () => [
       {
         accessorKey: 'firstName',
-        cell: info => info.getValue(),
+        cell: (info) => info.getValue(),
         id: 'firstName',
         size: 150,
       },
       {
-        accessorFn: row => row.lastName,
-        cell: info => info.getValue(),
+        accessorFn: (row) => row.lastName,
+        cell: (info) => info.getValue(),
         header: () => <span>Last Name</span>,
         id: 'lastName',
         size: 150,
@@ -129,12 +129,12 @@ function App() {
         size: 180,
       },
     ],
-    []
+    [],
   )
 
   const [data, setData] = React.useState(() => makeData(20))
   const [columnOrder, setColumnOrder] = React.useState<string[]>(() =>
-    columns.map(c => c.id!)
+    columns.map((c) => c.id!),
   )
 
   const rerender = () => setData(() => makeData(20))
@@ -156,7 +156,7 @@ function App() {
   function handleDragEnd(event: DragEndEvent) {
     const { active, over } = event
     if (active && over && active.id !== over.id) {
-      setColumnOrder(columnOrder => {
+      setColumnOrder((columnOrder) => {
         const oldIndex = columnOrder.indexOf(active.id as string)
         const newIndex = columnOrder.indexOf(over.id as string)
         return arrayMove(columnOrder, oldIndex, newIndex) //this is just a splice util
@@ -167,7 +167,7 @@ function App() {
   const sensors = useSensors(
     useSensor(MouseSensor, {}),
     useSensor(TouchSensor, {}),
-    useSensor(KeyboardSensor, {})
+    useSensor(KeyboardSensor, {}),
   )
 
   return (
@@ -188,13 +188,13 @@ function App() {
         <div className="h-4" />
         <table>
           <thead>
-            {table.getHeaderGroups().map(headerGroup => (
+            {table.getHeaderGroups().map((headerGroup) => (
               <tr key={headerGroup.id}>
                 <SortableContext
                   items={columnOrder}
                   strategy={horizontalListSortingStrategy}
                 >
-                  {headerGroup.headers.map(header => (
+                  {headerGroup.headers.map((header) => (
                     <DraggableTableHeader key={header.id} header={header} />
                   ))}
                 </SortableContext>
@@ -202,9 +202,9 @@ function App() {
             ))}
           </thead>
           <tbody>
-            {table.getRowModel().rows.map(row => (
+            {table.getRowModel().rows.map((row) => (
               <tr key={row.id}>
-                {row.getVisibleCells().map(cell => (
+                {row.getVisibleCells().map((cell) => (
                   <SortableContext
                     key={cell.id}
                     items={columnOrder}
@@ -229,5 +229,5 @@ if (!rootElement) throw new Error('Failed to find the root element')
 ReactDOM.createRoot(rootElement).render(
   <React.StrictMode>
     <App />
-  </React.StrictMode>
+  </React.StrictMode>,
 )
diff --git a/examples/react/column-groups/src/main.tsx b/examples/react/column-groups/src/main.tsx
index d17fbf67e8..43e7979a13 100644
--- a/examples/react/column-groups/src/main.tsx
+++ b/examples/react/column-groups/src/main.tsx
@@ -55,39 +55,39 @@ const columns = [
     // footer: props => props.column.id,
     columns: [
       columnHelper.accessor('firstName', {
-        cell: info => info.getValue(),
-        footer: props => props.column.id,
+        cell: (info) => info.getValue(),
+        footer: (props) => props.column.id,
       }),
-      columnHelper.accessor(row => row.lastName, {
+      columnHelper.accessor((row) => row.lastName, {
         id: 'lastName',
-        cell: info => info.getValue(),
+        cell: (info) => info.getValue(),
         header: () => <span>Last Name</span>,
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       }),
     ],
   }),
   columnHelper.group({
     header: 'Info',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
     columns: [
       columnHelper.accessor('age', {
         header: () => 'Age',
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       }),
       columnHelper.group({
         header: 'More Info',
         columns: [
           columnHelper.accessor('visits', {
             header: () => <span>Visits</span>,
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           }),
           columnHelper.accessor('status', {
             header: 'Status',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           }),
           columnHelper.accessor('progress', {
             header: 'Profile Progress',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           }),
         ],
       }),
@@ -109,15 +109,15 @@ function App() {
     <div className="p-2">
       <table>
         <thead>
-          {table.getHeaderGroups().map(headerGroup => (
+          {table.getHeaderGroups().map((headerGroup) => (
             <tr key={headerGroup.id}>
-              {headerGroup.headers.map(header => (
+              {headerGroup.headers.map((header) => (
                 <th key={header.id} colSpan={header.colSpan}>
                   {header.isPlaceholder
                     ? null
                     : flexRender(
                         header.column.columnDef.header,
-                        header.getContext()
+                        header.getContext(),
                       )}
                 </th>
               ))}
@@ -125,9 +125,9 @@ function App() {
           ))}
         </thead>
         <tbody>
-          {table.getRowModel().rows.map(row => (
+          {table.getRowModel().rows.map((row) => (
             <tr key={row.id}>
-              {row.getVisibleCells().map(cell => (
+              {row.getVisibleCells().map((cell) => (
                 <td key={cell.id}>
                   {flexRender(cell.column.columnDef.cell, cell.getContext())}
                 </td>
@@ -136,15 +136,15 @@ function App() {
           ))}
         </tbody>
         <tfoot>
-          {table.getFooterGroups().map(footerGroup => (
+          {table.getFooterGroups().map((footerGroup) => (
             <tr key={footerGroup.id}>
-              {footerGroup.headers.map(header => (
+              {footerGroup.headers.map((header) => (
                 <th key={header.id} colSpan={header.colSpan}>
                   {header.isPlaceholder
                     ? null
                     : flexRender(
                         header.column.columnDef.footer,
-                        header.getContext()
+                        header.getContext(),
                       )}
                 </th>
               ))}
@@ -166,5 +166,5 @@ if (!rootElement) throw new Error('Failed to find the root element')
 ReactDOM.createRoot(rootElement).render(
   <React.StrictMode>
     <App />
-  </React.StrictMode>
+  </React.StrictMode>,
 )
diff --git a/examples/react/column-ordering/src/main.tsx b/examples/react/column-ordering/src/main.tsx
index 470e02d49e..edabce74a9 100644
--- a/examples/react/column-ordering/src/main.tsx
+++ b/examples/react/column-ordering/src/main.tsx
@@ -16,30 +16,30 @@ import { makeData, Person } from './makeData'
 const defaultColumns: ColumnDef<Person>[] = [
   {
     header: 'Name',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
     columns: [
       {
         accessorKey: 'firstName',
-        cell: info => info.getValue(),
-        footer: props => props.column.id,
+        cell: (info) => info.getValue(),
+        footer: (props) => props.column.id,
       },
       {
-        accessorFn: row => row.lastName,
+        accessorFn: (row) => row.lastName,
         id: 'lastName',
-        cell: info => info.getValue(),
+        cell: (info) => info.getValue(),
         header: () => <span>Last Name</span>,
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       },
     ],
   },
   {
     header: 'Info',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
     columns: [
       {
         accessorKey: 'age',
         header: () => 'Age',
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       },
       {
         header: 'More Info',
@@ -47,17 +47,17 @@ const defaultColumns: ColumnDef<Person>[] = [
           {
             accessorKey: 'visits',
             header: () => <span>Visits</span>,
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           },
           {
             accessorKey: 'status',
             header: 'Status',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           },
           {
             accessorKey: 'progress',
             header: 'Profile Progress',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           },
         ],
       },
@@ -91,7 +91,7 @@ function App() {
 
   const randomizeColumns = () => {
     table.setColumnOrder(
-      faker.helpers.shuffle(table.getAllLeafColumns().map(d => d.id))
+      faker.helpers.shuffle(table.getAllLeafColumns().map((d) => d.id)),
     )
   }
 
@@ -110,7 +110,7 @@ function App() {
             Toggle All
           </label>
         </div>
-        {table.getAllLeafColumns().map(column => {
+        {table.getAllLeafColumns().map((column) => {
           return (
             <div key={column.id} className="px-1">
               <label>
@@ -139,15 +139,15 @@ function App() {
       <div className="h-4" />
       <table>
         <thead>
-          {table.getHeaderGroups().map(headerGroup => (
+          {table.getHeaderGroups().map((headerGroup) => (
             <tr key={headerGroup.id}>
-              {headerGroup.headers.map(header => (
+              {headerGroup.headers.map((header) => (
                 <th key={header.id} colSpan={header.colSpan}>
                   {header.isPlaceholder
                     ? null
                     : flexRender(
                         header.column.columnDef.header,
-                        header.getContext()
+                        header.getContext(),
                       )}
                 </th>
               ))}
@@ -155,9 +155,9 @@ function App() {
           ))}
         </thead>
         <tbody>
-          {table.getRowModel().rows.map(row => (
+          {table.getRowModel().rows.map((row) => (
             <tr key={row.id}>
-              {row.getVisibleCells().map(cell => (
+              {row.getVisibleCells().map((cell) => (
                 <td key={cell.id}>
                   {flexRender(cell.column.columnDef.cell, cell.getContext())}
                 </td>
@@ -166,15 +166,15 @@ function App() {
           ))}
         </tbody>
         <tfoot>
-          {table.getFooterGroups().map(footerGroup => (
+          {table.getFooterGroups().map((footerGroup) => (
             <tr key={footerGroup.id}>
-              {footerGroup.headers.map(header => (
+              {footerGroup.headers.map((header) => (
                 <th key={header.id} colSpan={header.colSpan}>
                   {header.isPlaceholder
                     ? null
                     : flexRender(
                         header.column.columnDef.footer,
-                        header.getContext()
+                        header.getContext(),
                       )}
                 </th>
               ))}
@@ -193,5 +193,5 @@ if (!rootElement) throw new Error('Failed to find the root element')
 ReactDOM.createRoot(rootElement).render(
   <React.StrictMode>
     <App />
-  </React.StrictMode>
+  </React.StrictMode>,
 )
diff --git a/examples/react/column-pinning-sticky/src/main.tsx b/examples/react/column-pinning-sticky/src/main.tsx
index 4a554cf39b..f941923cab 100644
--- a/examples/react/column-pinning-sticky/src/main.tsx
+++ b/examples/react/column-pinning-sticky/src/main.tsx
@@ -43,44 +43,44 @@ const defaultColumns: ColumnDef<Person>[] = [
     accessorKey: 'firstName',
     id: 'firstName',
     header: 'First Name',
-    cell: info => info.getValue(),
-    footer: props => props.column.id,
+    cell: (info) => info.getValue(),
+    footer: (props) => props.column.id,
     size: 180,
   },
   {
-    accessorFn: row => row.lastName,
+    accessorFn: (row) => row.lastName,
     id: 'lastName',
-    cell: info => info.getValue(),
+    cell: (info) => info.getValue(),
     header: () => <span>Last Name</span>,
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
     size: 180,
   },
   {
     accessorKey: 'age',
     id: 'age',
     header: 'Age',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
     size: 180,
   },
   {
     accessorKey: 'visits',
     id: 'visits',
     header: 'Visits',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
     size: 180,
   },
   {
     accessorKey: 'status',
     id: 'status',
     header: 'Status',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
     size: 180,
   },
   {
     accessorKey: 'progress',
     id: 'progress',
     header: 'Profile Progress',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
     size: 180,
   },
 ]
@@ -103,7 +103,7 @@ function App() {
 
   const randomizeColumns = () => {
     table.setColumnOrder(
-      faker.helpers.shuffle(table.getAllLeafColumns().map(d => d.id))
+      faker.helpers.shuffle(table.getAllLeafColumns().map((d) => d.id)),
     )
   }
 
@@ -122,7 +122,7 @@ function App() {
             Toggle All
           </label>
         </div>
-        {table.getAllLeafColumns().map(column => {
+        {table.getAllLeafColumns().map((column) => {
           return (
             <div key={column.id} className="px-1">
               <label>
@@ -156,9 +156,9 @@ function App() {
           }}
         >
           <thead>
-            {table.getHeaderGroups().map(headerGroup => (
+            {table.getHeaderGroups().map((headerGroup) => (
               <tr key={headerGroup.id}>
-                {headerGroup.headers.map(header => {
+                {headerGroup.headers.map((header) => {
                   const { column } = header
 
                   return (
@@ -173,7 +173,7 @@ function App() {
                           ? null
                           : flexRender(
                               header.column.columnDef.header,
-                              header.getContext()
+                              header.getContext(),
                             )}{' '}
                         {/* Demo getIndex behavior */}
                         {column.getIndex(column.getIsPinned() || 'center')}
@@ -229,9 +229,9 @@ function App() {
             ))}
           </thead>
           <tbody>
-            {table.getRowModel().rows.map(row => (
+            {table.getRowModel().rows.map((row) => (
               <tr key={row.id}>
-                {row.getVisibleCells().map(cell => {
+                {row.getVisibleCells().map((cell) => {
                   const { column } = cell
                   return (
                     <td
@@ -241,7 +241,7 @@ function App() {
                     >
                       {flexRender(
                         cell.column.columnDef.cell,
-                        cell.getContext()
+                        cell.getContext(),
                       )}
                     </td>
                   )
@@ -262,5 +262,5 @@ if (!rootElement) throw new Error('Failed to find the root element')
 ReactDOM.createRoot(rootElement).render(
   <React.StrictMode>
     <App />
-  </React.StrictMode>
+  </React.StrictMode>,
 )
diff --git a/examples/react/column-pinning/src/main.tsx b/examples/react/column-pinning/src/main.tsx
index 6c862dc1b2..be674475d7 100644
--- a/examples/react/column-pinning/src/main.tsx
+++ b/examples/react/column-pinning/src/main.tsx
@@ -17,30 +17,30 @@ import { makeData, Person } from './makeData'
 const defaultColumns: ColumnDef<Person>[] = [
   {
     header: 'Name',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
     columns: [
       {
         accessorKey: 'firstName',
-        cell: info => info.getValue(),
-        footer: props => props.column.id,
+        cell: (info) => info.getValue(),
+        footer: (props) => props.column.id,
       },
       {
-        accessorFn: row => row.lastName,
+        accessorFn: (row) => row.lastName,
         id: 'lastName',
-        cell: info => info.getValue(),
+        cell: (info) => info.getValue(),
         header: () => <span>Last Name</span>,
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       },
     ],
   },
   {
     header: 'Info',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
     columns: [
       {
         accessorKey: 'age',
         header: () => 'Age',
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       },
       {
         header: 'More Info',
@@ -48,17 +48,17 @@ const defaultColumns: ColumnDef<Person>[] = [
           {
             accessorKey: 'visits',
             header: () => <span>Visits</span>,
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           },
           {
             accessorKey: 'status',
             header: 'Status',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           },
           {
             accessorKey: 'progress',
             header: 'Profile Progress',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           },
         ],
       },
@@ -97,7 +97,7 @@ function App() {
 
   const randomizeColumns = () => {
     table.setColumnOrder(
-      faker.helpers.shuffle(table.getAllLeafColumns().map(d => d.id))
+      faker.helpers.shuffle(table.getAllLeafColumns().map((d) => d.id)),
     )
   }
 
@@ -116,7 +116,7 @@ function App() {
             Toggle All
           </label>
         </div>
-        {table.getAllLeafColumns().map(column => {
+        {table.getAllLeafColumns().map((column) => {
           return (
             <div key={column.id} className="px-1">
               <label>
@@ -148,7 +148,7 @@ function App() {
           <input
             type="checkbox"
             checked={isSplit}
-            onChange={e => setIsSplit(e.target.checked)}
+            onChange={(e) => setIsSplit(e.target.checked)}
           />{' '}
           Split Mode
         </label>
@@ -157,16 +157,16 @@ function App() {
         {isSplit ? (
           <table className="border-2 border-black">
             <thead>
-              {table.getLeftHeaderGroups().map(headerGroup => (
+              {table.getLeftHeaderGroups().map((headerGroup) => (
                 <tr key={headerGroup.id}>
-                  {headerGroup.headers.map(header => (
+                  {headerGroup.headers.map((header) => (
                     <th key={header.id} colSpan={header.colSpan}>
                       <div className="whitespace-nowrap">
                         {header.isPlaceholder
                           ? null
                           : flexRender(
                               header.column.columnDef.header,
-                              header.getContext()
+                              header.getContext(),
                             )}
                       </div>
                       {!header.isPlaceholder && header.column.getCanPin() && (
@@ -212,15 +212,15 @@ function App() {
               {table
                 .getRowModel()
                 .rows.slice(0, 20)
-                .map(row => {
+                .map((row) => {
                   return (
                     <tr key={row.id}>
-                      {row.getLeftVisibleCells().map(cell => {
+                      {row.getLeftVisibleCells().map((cell) => {
                         return (
                           <td key={cell.id}>
                             {flexRender(
                               cell.column.columnDef.cell,
-                              cell.getContext()
+                              cell.getContext(),
                             )}
                           </td>
                         )
@@ -236,16 +236,16 @@ function App() {
             {(isSplit
               ? table.getCenterHeaderGroups()
               : table.getHeaderGroups()
-            ).map(headerGroup => (
+            ).map((headerGroup) => (
               <tr key={headerGroup.id}>
-                {headerGroup.headers.map(header => (
+                {headerGroup.headers.map((header) => (
                   <th key={header.id} colSpan={header.colSpan}>
                     <div className="whitespace-nowrap">
                       {header.isPlaceholder
                         ? null
                         : flexRender(
                             header.column.columnDef.header,
-                            header.getContext()
+                            header.getContext(),
                           )}
                     </div>
                     {!header.isPlaceholder && header.column.getCanPin() && (
@@ -291,18 +291,18 @@ function App() {
             {table
               .getRowModel()
               .rows.slice(0, 20)
-              .map(row => {
+              .map((row) => {
                 return (
                   <tr key={row.id}>
                     {(isSplit
                       ? row.getCenterVisibleCells()
                       : row.getVisibleCells()
-                    ).map(cell => {
+                    ).map((cell) => {
                       return (
                         <td key={cell.id}>
                           {flexRender(
                             cell.column.columnDef.cell,
-                            cell.getContext()
+                            cell.getContext(),
                           )}
                         </td>
                       )
@@ -315,16 +315,16 @@ function App() {
         {isSplit ? (
           <table className="border-2 border-black">
             <thead>
-              {table.getRightHeaderGroups().map(headerGroup => (
+              {table.getRightHeaderGroups().map((headerGroup) => (
                 <tr key={headerGroup.id}>
-                  {headerGroup.headers.map(header => (
+                  {headerGroup.headers.map((header) => (
                     <th key={header.id} colSpan={header.colSpan}>
                       <div className="whitespace-nowrap">
                         {header.isPlaceholder
                           ? null
                           : flexRender(
                               header.column.columnDef.header,
-                              header.getContext()
+                              header.getContext(),
                             )}
                       </div>
                       {!header.isPlaceholder && header.column.getCanPin() && (
@@ -370,15 +370,15 @@ function App() {
               {table
                 .getRowModel()
                 .rows.slice(0, 20)
-                .map(row => {
+                .map((row) => {
                   return (
                     <tr key={row.id}>
-                      {row.getRightVisibleCells().map(cell => {
+                      {row.getRightVisibleCells().map((cell) => {
                         return (
                           <td key={cell.id}>
                             {flexRender(
                               cell.column.columnDef.cell,
-                              cell.getContext()
+                              cell.getContext(),
                             )}
                           </td>
                         )
@@ -401,5 +401,5 @@ if (!rootElement) throw new Error('Failed to find the root element')
 ReactDOM.createRoot(rootElement).render(
   <React.StrictMode>
     <App />
-  </React.StrictMode>
+  </React.StrictMode>,
 )
diff --git a/examples/react/column-resizing-performant/src/main.tsx b/examples/react/column-resizing-performant/src/main.tsx
index 089060f209..1e8f783fac 100644
--- a/examples/react/column-resizing-performant/src/main.tsx
+++ b/examples/react/column-resizing-performant/src/main.tsx
@@ -24,45 +24,45 @@ type Person = {
 const defaultColumns: ColumnDef<Person>[] = [
   {
     header: 'Name',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
     columns: [
       {
         accessorKey: 'firstName',
-        cell: info => info.getValue(),
-        footer: props => props.column.id,
+        cell: (info) => info.getValue(),
+        footer: (props) => props.column.id,
       },
       {
-        accessorFn: row => row.lastName,
+        accessorFn: (row) => row.lastName,
         id: 'lastName',
-        cell: info => info.getValue(),
+        cell: (info) => info.getValue(),
         header: () => <span>Last Name</span>,
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       },
     ],
   },
   {
     header: 'Info',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
     columns: [
       {
         accessorKey: 'age',
         header: () => 'Age',
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       },
       {
         accessorKey: 'visits',
         header: () => <span>Visits</span>,
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       },
       {
         accessorKey: 'status',
         header: 'Status',
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       },
       {
         accessorKey: 'progress',
         header: 'Profile Progress',
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       },
     ],
   },
@@ -135,7 +135,7 @@ function App() {
             columnSizing: table.getState().columnSizing,
           },
           null,
-          2
+          2,
         )}
       </pre>
       <div className="h-4" />({data.length} rows)
@@ -151,14 +151,14 @@ function App() {
           }}
         >
           <div className="thead">
-            {table.getHeaderGroups().map(headerGroup => (
+            {table.getHeaderGroups().map((headerGroup) => (
               <div
                 {...{
                   key: headerGroup.id,
                   className: 'tr',
                 }}
               >
-                {headerGroup.headers.map(header => (
+                {headerGroup.headers.map((header) => (
                   <div
                     {...{
                       key: header.id,
@@ -172,7 +172,7 @@ function App() {
                       ? null
                       : flexRender(
                           header.column.columnDef.header,
-                          header.getContext()
+                          header.getContext(),
                         )}
                     <div
                       {...{
@@ -209,14 +209,14 @@ function TableBody({ table }: { table: Table<Person> }) {
         className: 'tbody',
       }}
     >
-      {table.getRowModel().rows.map(row => (
+      {table.getRowModel().rows.map((row) => (
         <div
           {...{
             key: row.id,
             className: 'tr',
           }}
         >
-          {row.getVisibleCells().map(cell => {
+          {row.getVisibleCells().map((cell) => {
             //simulate expensive render
             for (let i = 0; i < 10000; i++) {
               Math.random()
@@ -245,7 +245,7 @@ function TableBody({ table }: { table: Table<Person> }) {
 //special memoized wrapper for our table body that we will use during column resizing
 export const MemoizedTableBody = React.memo(
   TableBody,
-  (prev, next) => prev.table.options.data === next.table.options.data
+  (prev, next) => prev.table.options.data === next.table.options.data,
 ) as typeof TableBody
 
 const rootElement = document.getElementById('root')
@@ -254,5 +254,5 @@ if (!rootElement) throw new Error('Failed to find the root element')
 ReactDOM.createRoot(rootElement).render(
   <React.StrictMode>
     <App />
-  </React.StrictMode>
+  </React.StrictMode>,
 )
diff --git a/examples/react/column-sizing/src/main.tsx b/examples/react/column-sizing/src/main.tsx
index 086d950775..7e804becad 100644
--- a/examples/react/column-sizing/src/main.tsx
+++ b/examples/react/column-sizing/src/main.tsx
@@ -51,30 +51,30 @@ const defaultData: Person[] = [
 const defaultColumns: ColumnDef<Person>[] = [
   {
     header: 'Name',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
     columns: [
       {
         accessorKey: 'firstName',
-        cell: info => info.getValue(),
-        footer: props => props.column.id,
+        cell: (info) => info.getValue(),
+        footer: (props) => props.column.id,
       },
       {
-        accessorFn: row => row.lastName,
+        accessorFn: (row) => row.lastName,
         id: 'lastName',
-        cell: info => info.getValue(),
+        cell: (info) => info.getValue(),
         header: () => <span>Last Name</span>,
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       },
     ],
   },
   {
     header: 'Info',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
     columns: [
       {
         accessorKey: 'age',
         header: () => 'Age',
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       },
       {
         header: 'More Info',
@@ -82,17 +82,17 @@ const defaultColumns: ColumnDef<Person>[] = [
           {
             accessorKey: 'visits',
             header: () => <span>Visits</span>,
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           },
           {
             accessorKey: 'status',
             header: 'Status',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           },
           {
             accessorKey: 'progress',
             header: 'Profile Progress',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           },
         ],
       },
@@ -129,7 +129,9 @@ function App() {
     <div className="p-2">
       <select
         value={columnResizeMode}
-        onChange={e => setColumnResizeMode(e.target.value as ColumnResizeMode)}
+        onChange={(e) =>
+          setColumnResizeMode(e.target.value as ColumnResizeMode)
+        }
         className="border p-2 border-black rounded"
       >
         <option value="onEnd">Resize: "onEnd"</option>
@@ -137,7 +139,7 @@ function App() {
       </select>
       <select
         value={columnResizeDirection}
-        onChange={e =>
+        onChange={(e) =>
           setColumnResizeDirection(e.target.value as ColumnResizeDirection)
         }
         className="border p-2 border-black rounded"
@@ -157,9 +159,9 @@ function App() {
             }}
           >
             <thead>
-              {table.getHeaderGroups().map(headerGroup => (
+              {table.getHeaderGroups().map((headerGroup) => (
                 <tr key={headerGroup.id}>
-                  {headerGroup.headers.map(header => (
+                  {headerGroup.headers.map((header) => (
                     <th
                       {...{
                         key: header.id,
@@ -173,7 +175,7 @@ function App() {
                         ? null
                         : flexRender(
                             header.column.columnDef.header,
-                            header.getContext()
+                            header.getContext(),
                           )}
                       <div
                         {...{
@@ -207,9 +209,9 @@ function App() {
               ))}
             </thead>
             <tbody>
-              {table.getRowModel().rows.map(row => (
+              {table.getRowModel().rows.map((row) => (
                 <tr key={row.id}>
-                  {row.getVisibleCells().map(cell => (
+                  {row.getVisibleCells().map((cell) => (
                     <td
                       {...{
                         key: cell.id,
@@ -220,7 +222,7 @@ function App() {
                     >
                       {flexRender(
                         cell.column.columnDef.cell,
-                        cell.getContext()
+                        cell.getContext(),
                       )}
                     </td>
                   ))}
@@ -241,14 +243,14 @@ function App() {
             }}
           >
             <div className="thead">
-              {table.getHeaderGroups().map(headerGroup => (
+              {table.getHeaderGroups().map((headerGroup) => (
                 <div
                   {...{
                     key: headerGroup.id,
                     className: 'tr',
                   }}
                 >
-                  {headerGroup.headers.map(header => (
+                  {headerGroup.headers.map((header) => (
                     <div
                       {...{
                         key: header.id,
@@ -262,7 +264,7 @@ function App() {
                         ? null
                         : flexRender(
                             header.column.columnDef.header,
-                            header.getContext()
+                            header.getContext(),
                           )}
                       <div
                         {...{
@@ -300,14 +302,14 @@ function App() {
                 className: 'tbody',
               }}
             >
-              {table.getRowModel().rows.map(row => (
+              {table.getRowModel().rows.map((row) => (
                 <div
                   {...{
                     key: row.id,
                     className: 'tr',
                   }}
                 >
-                  {row.getVisibleCells().map(cell => (
+                  {row.getVisibleCells().map((cell) => (
                     <div
                       {...{
                         key: cell.id,
@@ -319,7 +321,7 @@ function App() {
                     >
                       {flexRender(
                         cell.column.columnDef.cell,
-                        cell.getContext()
+                        cell.getContext(),
                       )}
                     </div>
                   ))}
@@ -340,7 +342,7 @@ function App() {
             }}
           >
             <div className="thead">
-              {table.getHeaderGroups().map(headerGroup => (
+              {table.getHeaderGroups().map((headerGroup) => (
                 <div
                   {...{
                     key: headerGroup.id,
@@ -350,7 +352,7 @@ function App() {
                     },
                   }}
                 >
-                  {headerGroup.headers.map(header => (
+                  {headerGroup.headers.map((header) => (
                     <div
                       {...{
                         key: header.id,
@@ -366,7 +368,7 @@ function App() {
                         ? null
                         : flexRender(
                             header.column.columnDef.header,
-                            header.getContext()
+                            header.getContext(),
                           )}
                       <div
                         {...{
@@ -404,7 +406,7 @@ function App() {
                 className: 'tbody',
               }}
             >
-              {table.getRowModel().rows.map(row => (
+              {table.getRowModel().rows.map((row) => (
                 <div
                   {...{
                     key: row.id,
@@ -414,7 +416,7 @@ function App() {
                     },
                   }}
                 >
-                  {row.getVisibleCells().map(cell => (
+                  {row.getVisibleCells().map((cell) => (
                     <div
                       {...{
                         key: cell.id,
@@ -428,7 +430,7 @@ function App() {
                     >
                       {flexRender(
                         cell.column.columnDef.cell,
-                        cell.getContext()
+                        cell.getContext(),
                       )}
                     </div>
                   ))}
@@ -449,7 +451,7 @@ function App() {
             columnSizingInfo: table.getState().columnSizingInfo,
           },
           null,
-          2
+          2,
         )}
       </pre>
     </div>
@@ -462,5 +464,5 @@ if (!rootElement) throw new Error('Failed to find the root element')
 ReactDOM.createRoot(rootElement).render(
   <React.StrictMode>
     <App />
-  </React.StrictMode>
+  </React.StrictMode>,
 )
diff --git a/examples/react/column-visibility/src/main.tsx b/examples/react/column-visibility/src/main.tsx
index cf35b07f05..b19db69c55 100644
--- a/examples/react/column-visibility/src/main.tsx
+++ b/examples/react/column-visibility/src/main.tsx
@@ -49,30 +49,30 @@ const defaultData: Person[] = [
 const defaultColumns: ColumnDef<Person>[] = [
   {
     header: 'Name',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
     columns: [
       {
         accessorKey: 'firstName',
-        cell: info => info.getValue(),
-        footer: props => props.column.id,
+        cell: (info) => info.getValue(),
+        footer: (props) => props.column.id,
       },
       {
-        accessorFn: row => row.lastName,
+        accessorFn: (row) => row.lastName,
         id: 'lastName',
-        cell: info => info.getValue(),
+        cell: (info) => info.getValue(),
         header: () => <span>Last Name</span>,
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       },
     ],
   },
   {
     header: 'Info',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
     columns: [
       {
         accessorKey: 'age',
         header: () => 'Age',
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       },
       {
         header: 'More Info',
@@ -80,17 +80,17 @@ const defaultColumns: ColumnDef<Person>[] = [
           {
             accessorKey: 'visits',
             header: () => <span>Visits</span>,
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           },
           {
             accessorKey: 'status',
             header: 'Status',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           },
           {
             accessorKey: 'progress',
             header: 'Profile Progress',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           },
         ],
       },
@@ -135,7 +135,7 @@ function App() {
             Toggle All
           </label>
         </div>
-        {table.getAllLeafColumns().map(column => {
+        {table.getAllLeafColumns().map((column) => {
           return (
             <div key={column.id} className="px-1">
               <label>
@@ -155,15 +155,15 @@ function App() {
       <div className="h-4" />
       <table>
         <thead>
-          {table.getHeaderGroups().map(headerGroup => (
+          {table.getHeaderGroups().map((headerGroup) => (
             <tr key={headerGroup.id}>
-              {headerGroup.headers.map(header => (
+              {headerGroup.headers.map((header) => (
                 <th key={header.id} colSpan={header.colSpan}>
                   {header.isPlaceholder
                     ? null
                     : flexRender(
                         header.column.columnDef.header,
-                        header.getContext()
+                        header.getContext(),
                       )}
                 </th>
               ))}
@@ -171,9 +171,9 @@ function App() {
           ))}
         </thead>
         <tbody>
-          {table.getRowModel().rows.map(row => (
+          {table.getRowModel().rows.map((row) => (
             <tr key={row.id}>
-              {row.getVisibleCells().map(cell => (
+              {row.getVisibleCells().map((cell) => (
                 <td key={cell.id}>
                   {flexRender(cell.column.columnDef.cell, cell.getContext())}
                 </td>
@@ -182,15 +182,15 @@ function App() {
           ))}
         </tbody>
         <tfoot>
-          {table.getFooterGroups().map(footerGroup => (
+          {table.getFooterGroups().map((footerGroup) => (
             <tr key={footerGroup.id}>
-              {footerGroup.headers.map(header => (
+              {footerGroup.headers.map((header) => (
                 <th key={header.id} colSpan={header.colSpan}>
                   {header.isPlaceholder
                     ? null
                     : flexRender(
                         header.column.columnDef.footer,
-                        header.getContext()
+                        header.getContext(),
                       )}
                 </th>
               ))}
@@ -214,5 +214,5 @@ if (!rootElement) throw new Error('Failed to find the root element')
 ReactDOM.createRoot(rootElement).render(
   <React.StrictMode>
     <App />
-  </React.StrictMode>
+  </React.StrictMode>,
 )
diff --git a/examples/react/custom-features/src/main.tsx b/examples/react/custom-features/src/main.tsx
index 5bad334d38..a146c1ef5e 100644
--- a/examples/react/custom-features/src/main.tsx
+++ b/examples/react/custom-features/src/main.tsx
@@ -48,8 +48,9 @@ declare module '@tanstack/react-table' {
   //merge our new feature's state with the existing table state
   interface TableState extends DensityTableState {}
   //merge our new feature's options with the existing table options
-  interface TableOptionsResolved<TData extends RowData>
-    extends DensityOptions {}
+  interface TableOptionsResolved<
+    TData extends RowData,
+  > extends DensityOptions {}
   //merge our new feature's instance APIs with the existing table instance APIs
   interface Table<TData extends RowData> extends DensityInstance {}
   // if you need to add cell instance APIs...
@@ -79,7 +80,7 @@ export const DensityFeature: TableFeature<any> = {
 
   // define the new feature's default options
   getDefaultOptions: <TData extends RowData>(
-    table: Table<TData>
+    table: Table<TData>,
   ): DensityOptions => {
     return {
       enableDensity: true,
@@ -93,15 +94,15 @@ export const DensityFeature: TableFeature<any> = {
 
   // define the new feature's table instance methods
   createTable: <TData extends RowData>(table: Table<TData>): void => {
-    table.setDensity = updater => {
-      const safeUpdater: Updater<DensityState> = old => {
+    table.setDensity = (updater) => {
+      const safeUpdater: Updater<DensityState> = (old) => {
         let newState = functionalUpdate(updater, old)
         return newState
       }
       return table.options.onDensityChange?.(safeUpdater)
     }
-    table.toggleDensity = value => {
-      table.setDensity(old => {
+    table.toggleDensity = (value) => {
+      table.setDensity((old) => {
         if (value) return value
         return old === 'lg' ? 'md' : old === 'md' ? 'sm' : 'lg' //cycle through the 3 options
       })
@@ -125,38 +126,38 @@ function App() {
     () => [
       {
         accessorKey: 'firstName',
-        cell: info => info.getValue(),
-        footer: props => props.column.id,
+        cell: (info) => info.getValue(),
+        footer: (props) => props.column.id,
       },
       {
-        accessorFn: row => row.lastName,
+        accessorFn: (row) => row.lastName,
         id: 'lastName',
-        cell: info => info.getValue(),
+        cell: (info) => info.getValue(),
         header: () => <span>Last Name</span>,
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       },
       {
         accessorKey: 'age',
         header: () => 'Age',
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       },
       {
         accessorKey: 'visits',
         header: () => <span>Visits</span>,
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       },
       {
         accessorKey: 'status',
         header: 'Status',
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       },
       {
         accessorKey: 'progress',
         header: 'Profile Progress',
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       },
     ],
-    []
+    [],
   )
 
   const [data, _setData] = React.useState(() => makeData(1000))
@@ -188,9 +189,9 @@ function App() {
       </button>
       <table>
         <thead>
-          {table.getHeaderGroups().map(headerGroup => (
+          {table.getHeaderGroups().map((headerGroup) => (
             <tr key={headerGroup.id}>
-              {headerGroup.headers.map(header => {
+              {headerGroup.headers.map((header) => {
                 return (
                   <th
                     key={header.id}
@@ -216,7 +217,7 @@ function App() {
                     >
                       {flexRender(
                         header.column.columnDef.header,
-                        header.getContext()
+                        header.getContext(),
                       )}
                       {{
                         asc: ' 🔼',
@@ -235,10 +236,10 @@ function App() {
           ))}
         </thead>
         <tbody>
-          {table.getRowModel().rows.map(row => {
+          {table.getRowModel().rows.map((row) => {
             return (
               <tr key={row.id}>
-                {row.getVisibleCells().map(cell => {
+                {row.getVisibleCells().map((cell) => {
                   return (
                     <td
                       key={cell.id}
@@ -255,7 +256,7 @@ function App() {
                     >
                       {flexRender(
                         cell.column.columnDef.cell,
-                        cell.getContext()
+                        cell.getContext(),
                       )}
                     </td>
                   )
@@ -307,7 +308,7 @@ function App() {
           <input
             type="number"
             defaultValue={table.getState().pagination.pageIndex + 1}
-            onChange={e => {
+            onChange={(e) => {
               const page = e.target.value ? Number(e.target.value) - 1 : 0
               table.setPageIndex(page)
             }}
@@ -316,11 +317,11 @@ function App() {
         </span>
         <select
           value={table.getState().pagination.pageSize}
-          onChange={e => {
+          onChange={(e) => {
             table.setPageSize(Number(e.target.value))
           }}
         >
-          {[10, 20, 30, 40, 50].map(pageSize => (
+          {[10, 20, 30, 40, 50].map((pageSize) => (
             <option key={pageSize} value={pageSize}>
               Show {pageSize}
             </option>
@@ -354,7 +355,7 @@ function Filter({
       <input
         type="number"
         value={(columnFilterValue as [number, number])?.[0] ?? ''}
-        onChange={e =>
+        onChange={(e) =>
           column.setFilterValue((old: [number, number]) => [
             e.target.value,
             old?.[1],
@@ -366,7 +367,7 @@ function Filter({
       <input
         type="number"
         value={(columnFilterValue as [number, number])?.[1] ?? ''}
-        onChange={e =>
+        onChange={(e) =>
           column.setFilterValue((old: [number, number]) => [
             old?.[0],
             e.target.value,
@@ -380,7 +381,7 @@ function Filter({
     <input
       type="text"
       value={(columnFilterValue ?? '') as string}
-      onChange={e => column.setFilterValue(e.target.value)}
+      onChange={(e) => column.setFilterValue(e.target.value)}
       placeholder={`Search...`}
       className="w-36 border shadow rounded"
     />
@@ -393,5 +394,5 @@ if (!rootElement) throw new Error('Failed to find the root element')
 ReactDOM.createRoot(rootElement).render(
   <React.StrictMode>
     <App />
-  </React.StrictMode>
+  </React.StrictMode>,
 )
diff --git a/examples/react/editable-data/src/main.tsx b/examples/react/editable-data/src/main.tsx
index 0b12a9fd8c..abc624166f 100644
--- a/examples/react/editable-data/src/main.tsx
+++ b/examples/react/editable-data/src/main.tsx
@@ -44,7 +44,7 @@ const defaultColumn: Partial<ColumnDef<Person>> = {
     return (
       <input
         value={value as string}
-        onChange={e => setValue(e.target.value)}
+        onChange={(e) => setValue(e.target.value)}
         onBlur={onBlur}
       />
     )
@@ -74,28 +74,28 @@ function App() {
     () => [
       {
         header: 'Name',
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
         columns: [
           {
             accessorKey: 'firstName',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           },
           {
-            accessorFn: row => row.lastName,
+            accessorFn: (row) => row.lastName,
             id: 'lastName',
             header: () => <span>Last Name</span>,
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           },
         ],
       },
       {
         header: 'Info',
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
         columns: [
           {
             accessorKey: 'age',
             header: () => 'Age',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           },
           {
             header: 'More Info',
@@ -103,24 +103,24 @@ function App() {
               {
                 accessorKey: 'visits',
                 header: () => <span>Visits</span>,
-                footer: props => props.column.id,
+                footer: (props) => props.column.id,
               },
               {
                 accessorKey: 'status',
                 header: 'Status',
-                footer: props => props.column.id,
+                footer: (props) => props.column.id,
               },
               {
                 accessorKey: 'progress',
                 header: 'Profile Progress',
-                footer: props => props.column.id,
+                footer: (props) => props.column.id,
               },
             ],
           },
         ],
       },
     ],
-    []
+    [],
   )
 
   const [data, setData] = React.useState(() => makeData(1000))
@@ -141,7 +141,7 @@ function App() {
       updateData: (rowIndex, columnId, value) => {
         // Skip page index reset until after next rerender
         skipAutoResetPageIndex()
-        setData(old =>
+        setData((old) =>
           old.map((row, index) => {
             if (index === rowIndex) {
               return {
@@ -150,7 +150,7 @@ function App() {
               }
             }
             return row
-          })
+          }),
         )
       },
     },
@@ -162,16 +162,16 @@ function App() {
       <div className="h-2" />
       <table>
         <thead>
-          {table.getHeaderGroups().map(headerGroup => (
+          {table.getHeaderGroups().map((headerGroup) => (
             <tr key={headerGroup.id}>
-              {headerGroup.headers.map(header => {
+              {headerGroup.headers.map((header) => {
                 return (
                   <th key={header.id} colSpan={header.colSpan}>
                     {header.isPlaceholder ? null : (
                       <div>
                         {flexRender(
                           header.column.columnDef.header,
-                          header.getContext()
+                          header.getContext(),
                         )}
                         {header.column.getCanFilter() ? (
                           <div>
@@ -187,15 +187,15 @@ function App() {
           ))}
         </thead>
         <tbody>
-          {table.getRowModel().rows.map(row => {
+          {table.getRowModel().rows.map((row) => {
             return (
               <tr key={row.id}>
-                {row.getVisibleCells().map(cell => {
+                {row.getVisibleCells().map((cell) => {
                   return (
                     <td key={cell.id}>
                       {flexRender(
                         cell.column.columnDef.cell,
-                        cell.getContext()
+                        cell.getContext(),
                       )}
                     </td>
                   )
@@ -249,7 +249,7 @@ function App() {
             min="1"
             max={table.getPageCount()}
             defaultValue={table.getState().pagination.pageIndex + 1}
-            onChange={e => {
+            onChange={(e) => {
               const page = e.target.value ? Number(e.target.value) - 1 : 0
               table.setPageIndex(page)
             }}
@@ -258,11 +258,11 @@ function App() {
         </span>
         <select
           value={table.getState().pagination.pageSize}
-          onChange={e => {
+          onChange={(e) => {
             table.setPageSize(Number(e.target.value))
           }}
         >
-          {[10, 20, 30, 40, 50].map(pageSize => (
+          {[10, 20, 30, 40, 50].map((pageSize) => (
             <option key={pageSize} value={pageSize}>
               Show {pageSize}
             </option>
@@ -297,7 +297,7 @@ function Filter({
       <input
         type="number"
         value={(columnFilterValue as [number, number])?.[0] ?? ''}
-        onChange={e =>
+        onChange={(e) =>
           column.setFilterValue((old: [number, number]) => [
             e.target.value,
             old?.[1],
@@ -309,7 +309,7 @@ function Filter({
       <input
         type="number"
         value={(columnFilterValue as [number, number])?.[1] ?? ''}
-        onChange={e =>
+        onChange={(e) =>
           column.setFilterValue((old: [number, number]) => [
             old?.[0],
             e.target.value,
@@ -323,7 +323,7 @@ function Filter({
     <input
       type="text"
       value={(columnFilterValue ?? '') as string}
-      onChange={e => column.setFilterValue(e.target.value)}
+      onChange={(e) => column.setFilterValue(e.target.value)}
       placeholder={`Search...`}
       className="w-36 border shadow rounded"
     />
@@ -336,5 +336,5 @@ if (!rootElement) throw new Error('Failed to find the root element')
 ReactDOM.createRoot(rootElement).render(
   <React.StrictMode>
     <App />
-  </React.StrictMode>
+  </React.StrictMode>,
 )
diff --git a/examples/react/expanding/src/main.tsx b/examples/react/expanding/src/main.tsx
index 0b1bcad384..e410914327 100644
--- a/examples/react/expanding/src/main.tsx
+++ b/examples/react/expanding/src/main.tsx
@@ -77,37 +77,37 @@ function App() {
             </div>
           </div>
         ),
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       },
       {
-        accessorFn: row => row.lastName,
+        accessorFn: (row) => row.lastName,
         id: 'lastName',
-        cell: info => info.getValue(),
+        cell: (info) => info.getValue(),
         header: () => <span>Last Name</span>,
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       },
       {
         accessorKey: 'age',
         header: () => 'Age',
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       },
       {
         accessorKey: 'visits',
         header: () => <span>Visits</span>,
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       },
       {
         accessorKey: 'status',
         header: 'Status',
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       },
       {
         accessorKey: 'progress',
         header: 'Profile Progress',
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       },
     ],
-    []
+    [],
   )
 
   const [data, setData] = React.useState(() => makeData(100, 5, 3))
@@ -122,7 +122,7 @@ function App() {
       expanded,
     },
     onExpandedChange: setExpanded,
-    getSubRows: row => row.subRows,
+    getSubRows: (row) => row.subRows,
     getCoreRowModel: getCoreRowModel(),
     getPaginationRowModel: getPaginationRowModel(),
     getFilteredRowModel: getFilteredRowModel(),
@@ -137,16 +137,16 @@ function App() {
       <div className="h-2" />
       <table>
         <thead>
-          {table.getHeaderGroups().map(headerGroup => (
+          {table.getHeaderGroups().map((headerGroup) => (
             <tr key={headerGroup.id}>
-              {headerGroup.headers.map(header => {
+              {headerGroup.headers.map((header) => {
                 return (
                   <th key={header.id} colSpan={header.colSpan}>
                     {header.isPlaceholder ? null : (
                       <div>
                         {flexRender(
                           header.column.columnDef.header,
-                          header.getContext()
+                          header.getContext(),
                         )}
                         {header.column.getCanFilter() ? (
                           <div>
@@ -162,15 +162,15 @@ function App() {
           ))}
         </thead>
         <tbody>
-          {table.getRowModel().rows.map(row => {
+          {table.getRowModel().rows.map((row) => {
             return (
               <tr key={row.id}>
-                {row.getVisibleCells().map(cell => {
+                {row.getVisibleCells().map((cell) => {
                   return (
                     <td key={cell.id}>
                       {flexRender(
                         cell.column.columnDef.cell,
-                        cell.getContext()
+                        cell.getContext(),
                       )}
                     </td>
                   )
@@ -224,7 +224,7 @@ function App() {
             min="1"
             max={table.getPageCount()}
             defaultValue={table.getState().pagination.pageIndex + 1}
-            onChange={e => {
+            onChange={(e) => {
               const page = e.target.value ? Number(e.target.value) - 1 : 0
               table.setPageIndex(page)
             }}
@@ -233,11 +233,11 @@ function App() {
         </span>
         <select
           value={table.getState().pagination.pageSize}
-          onChange={e => {
+          onChange={(e) => {
             table.setPageSize(Number(e.target.value))
           }}
         >
-          {[10, 20, 30, 40, 50].map(pageSize => (
+          {[10, 20, 30, 40, 50].map((pageSize) => (
             <option key={pageSize} value={pageSize}>
               Show {pageSize}
             </option>
@@ -277,7 +277,7 @@ function Filter({
       <input
         type="number"
         value={(columnFilterValue as [number, number])?.[0] ?? ''}
-        onChange={e =>
+        onChange={(e) =>
           column.setFilterValue((old: [number, number]) => [
             e.target.value,
             old?.[1],
@@ -289,7 +289,7 @@ function Filter({
       <input
         type="number"
         value={(columnFilterValue as [number, number])?.[1] ?? ''}
-        onChange={e =>
+        onChange={(e) =>
           column.setFilterValue((old: [number, number]) => [
             old?.[0],
             e.target.value,
@@ -303,7 +303,7 @@ function Filter({
     <input
       type="text"
       value={(columnFilterValue ?? '') as string}
-      onChange={e => column.setFilterValue(e.target.value)}
+      onChange={(e) => column.setFilterValue(e.target.value)}
       placeholder={`Search...`}
       className="w-36 border shadow rounded"
     />
@@ -339,5 +339,5 @@ if (!rootElement) throw new Error('Failed to find the root element')
 ReactDOM.createRoot(rootElement).render(
   <React.StrictMode>
     <App />
-  </React.StrictMode>
+  </React.StrictMode>,
 )
diff --git a/examples/react/filters-faceted/src/main.tsx b/examples/react/filters-faceted/src/main.tsx
index 76ae112325..3dd6d98d5f 100644
--- a/examples/react/filters-faceted/src/main.tsx
+++ b/examples/react/filters-faceted/src/main.tsx
@@ -32,19 +32,19 @@ function App() {
   const rerender = React.useReducer(() => ({}), {})[1]
 
   const [columnFilters, setColumnFilters] = React.useState<ColumnFiltersState>(
-    []
+    [],
   )
 
   const columns = React.useMemo<ColumnDef<Person, any>[]>(
     () => [
       {
         accessorKey: 'firstName',
-        cell: info => info.getValue(),
+        cell: (info) => info.getValue(),
       },
       {
-        accessorFn: row => row.lastName,
+        accessorFn: (row) => row.lastName,
         id: 'lastName',
-        cell: info => info.getValue(),
+        cell: (info) => info.getValue(),
         header: () => <span>Last Name</span>,
       },
       {
@@ -76,11 +76,11 @@ function App() {
         },
       },
     ],
-    []
+    [],
   )
 
   const [data, setData] = React.useState<Person[]>(() => makeData(5_000))
-  const refreshData = () => setData(_old => makeData(100_000)) //stress test
+  const refreshData = () => setData((_old) => makeData(100_000)) //stress test
 
   const table = useReactTable({
     data,
@@ -105,9 +105,9 @@ function App() {
     <div className="p-2">
       <table>
         <thead>
-          {table.getHeaderGroups().map(headerGroup => (
+          {table.getHeaderGroups().map((headerGroup) => (
             <tr key={headerGroup.id}>
-              {headerGroup.headers.map(header => {
+              {headerGroup.headers.map((header) => {
                 return (
                   <th key={header.id} colSpan={header.colSpan}>
                     {header.isPlaceholder ? null : (
@@ -122,7 +122,7 @@ function App() {
                         >
                           {flexRender(
                             header.column.columnDef.header,
-                            header.getContext()
+                            header.getContext(),
                           )}
                           {{
                             asc: ' 🔼',
@@ -143,15 +143,15 @@ function App() {
           ))}
         </thead>
         <tbody>
-          {table.getRowModel().rows.map(row => {
+          {table.getRowModel().rows.map((row) => {
             return (
               <tr key={row.id}>
-                {row.getVisibleCells().map(cell => {
+                {row.getVisibleCells().map((cell) => {
                   return (
                     <td key={cell.id}>
                       {flexRender(
                         cell.column.columnDef.cell,
-                        cell.getContext()
+                        cell.getContext(),
                       )}
                     </td>
                   )
@@ -203,7 +203,7 @@ function App() {
           <input
             type="number"
             defaultValue={table.getState().pagination.pageIndex + 1}
-            onChange={e => {
+            onChange={(e) => {
               const page = e.target.value ? Number(e.target.value) - 1 : 0
               table.setPageIndex(page)
             }}
@@ -212,11 +212,11 @@ function App() {
         </span>
         <select
           value={table.getState().pagination.pageSize}
-          onChange={e => {
+          onChange={(e) => {
             table.setPageSize(Number(e.target.value))
           }}
         >
-          {[10, 20, 30, 40, 50].map(pageSize => (
+          {[10, 20, 30, 40, 50].map((pageSize) => (
             <option key={pageSize} value={pageSize}>
               Show {pageSize}
             </option>
@@ -234,7 +234,7 @@ function App() {
         {JSON.stringify(
           { columnFilters: table.getState().columnFilters },
           null,
-          2
+          2,
         )}
       </pre>
     </div>
@@ -253,7 +253,7 @@ function Filter({ column }: { column: Column<any, unknown> }) {
         : Array.from(column.getFacetedUniqueValues().keys())
             .sort()
             .slice(0, 5000),
-    [column.getFacetedUniqueValues(), filterVariant]
+    [column.getFacetedUniqueValues(), filterVariant],
   )
 
   return filterVariant === 'range' ? (
@@ -264,7 +264,7 @@ function Filter({ column }: { column: Column<any, unknown> }) {
           min={Number(column.getFacetedMinMaxValues()?.[0] ?? '')}
           max={Number(column.getFacetedMinMaxValues()?.[1] ?? '')}
           value={(columnFilterValue as [number, number])?.[0] ?? ''}
-          onChange={value =>
+          onChange={(value) =>
             column.setFilterValue((old: [number, number]) => [value, old?.[1]])
           }
           placeholder={`Min ${
@@ -279,7 +279,7 @@ function Filter({ column }: { column: Column<any, unknown> }) {
           min={Number(column.getFacetedMinMaxValues()?.[0] ?? '')}
           max={Number(column.getFacetedMinMaxValues()?.[1] ?? '')}
           value={(columnFilterValue as [number, number])?.[1] ?? ''}
-          onChange={value =>
+          onChange={(value) =>
             column.setFilterValue((old: [number, number]) => [old?.[0], value])
           }
           placeholder={`Max ${
@@ -294,11 +294,11 @@ function Filter({ column }: { column: Column<any, unknown> }) {
     </div>
   ) : filterVariant === 'select' ? (
     <select
-      onChange={e => column.setFilterValue(e.target.value)}
+      onChange={(e) => column.setFilterValue(e.target.value)}
       value={columnFilterValue?.toString()}
     >
       <option value="">All</option>
-      {sortedUniqueValues.map(value => (
+      {sortedUniqueValues.map((value) => (
         //dynamically generated select options from faceted values feature
         <option value={value} key={value}>
           {value}
@@ -316,7 +316,7 @@ function Filter({ column }: { column: Column<any, unknown> }) {
       <DebouncedInput
         type="text"
         value={(columnFilterValue ?? '') as string}
-        onChange={value => column.setFilterValue(value)}
+        onChange={(value) => column.setFilterValue(value)}
         placeholder={`Search... (${column.getFacetedUniqueValues().size})`}
         className="w-36 border shadow rounded"
         list={column.id + 'list'}
@@ -352,7 +352,11 @@ function DebouncedInput({
   }, [value])
 
   return (
-    <input {...props} value={value} onChange={e => setValue(e.target.value)} />
+    <input
+      {...props}
+      value={value}
+      onChange={(e) => setValue(e.target.value)}
+    />
   )
 }
 
@@ -362,5 +366,5 @@ if (!rootElement) throw new Error('Failed to find the root element')
 ReactDOM.createRoot(rootElement).render(
   <React.StrictMode>
     <App />
-  </React.StrictMode>
+  </React.StrictMode>,
 )
diff --git a/examples/react/filters-fuzzy/src/main.tsx b/examples/react/filters-fuzzy/src/main.tsx
index f76d76c8f3..8b5cf21181 100644
--- a/examples/react/filters-fuzzy/src/main.tsx
+++ b/examples/react/filters-fuzzy/src/main.tsx
@@ -59,7 +59,7 @@ const fuzzySort: SortingFn<any> = (rowA, rowB, columnId) => {
   if (rowA.columnFiltersMeta[columnId]) {
     dir = compareItems(
       rowA.columnFiltersMeta[columnId]?.itemRank!,
-      rowB.columnFiltersMeta[columnId]?.itemRank!
+      rowB.columnFiltersMeta[columnId]?.itemRank!,
     )
   }
 
@@ -71,7 +71,7 @@ function App() {
   const rerender = React.useReducer(() => ({}), {})[1]
 
   const [columnFilters, setColumnFilters] = React.useState<ColumnFiltersState>(
-    []
+    [],
   )
   const [globalFilter, setGlobalFilter] = React.useState('')
 
@@ -83,31 +83,31 @@ function App() {
       },
       {
         accessorKey: 'firstName',
-        cell: info => info.getValue(),
+        cell: (info) => info.getValue(),
         filterFn: 'includesStringSensitive', //note: normal non-fuzzy filter column - case sensitive
       },
       {
-        accessorFn: row => row.lastName,
+        accessorFn: (row) => row.lastName,
         id: 'lastName',
-        cell: info => info.getValue(),
+        cell: (info) => info.getValue(),
         header: () => <span>Last Name</span>,
         filterFn: 'includesString', //note: normal non-fuzzy filter column - case insensitive
       },
       {
-        accessorFn: row => `${row.firstName} ${row.lastName}`,
+        accessorFn: (row) => `${row.firstName} ${row.lastName}`,
         id: 'fullName',
         header: 'Full Name',
-        cell: info => info.getValue(),
+        cell: (info) => info.getValue(),
         filterFn: 'fuzzy', //using our custom fuzzy filter function
         // filterFn: fuzzyFilter, //or just define with the function
         sortingFn: fuzzySort, //sort by fuzzy rank (falls back to alphanumeric)
       },
     ],
-    []
+    [],
   )
 
   const [data, setData] = React.useState<Person[]>(() => makeData(5_000))
-  const refreshData = () => setData(_old => makeData(50_000)) //stress test
+  const refreshData = () => setData((_old) => makeData(50_000)) //stress test
 
   const table = useReactTable({
     data,
@@ -145,7 +145,7 @@ function App() {
       <div>
         <DebouncedInput
           value={globalFilter ?? ''}
-          onChange={value => setGlobalFilter(String(value))}
+          onChange={(value) => setGlobalFilter(String(value))}
           className="p-2 font-lg shadow border border-block"
           placeholder="Search all columns..."
         />
@@ -153,9 +153,9 @@ function App() {
       <div className="h-2" />
       <table>
         <thead>
-          {table.getHeaderGroups().map(headerGroup => (
+          {table.getHeaderGroups().map((headerGroup) => (
             <tr key={headerGroup.id}>
-              {headerGroup.headers.map(header => {
+              {headerGroup.headers.map((header) => {
                 return (
                   <th key={header.id} colSpan={header.colSpan}>
                     {header.isPlaceholder ? null : (
@@ -170,7 +170,7 @@ function App() {
                         >
                           {flexRender(
                             header.column.columnDef.header,
-                            header.getContext()
+                            header.getContext(),
                           )}
                           {{
                             asc: ' 🔼',
@@ -191,15 +191,15 @@ function App() {
           ))}
         </thead>
         <tbody>
-          {table.getRowModel().rows.map(row => {
+          {table.getRowModel().rows.map((row) => {
             return (
               <tr key={row.id}>
-                {row.getVisibleCells().map(cell => {
+                {row.getVisibleCells().map((cell) => {
                   return (
                     <td key={cell.id}>
                       {flexRender(
                         cell.column.columnDef.cell,
-                        cell.getContext()
+                        cell.getContext(),
                       )}
                     </td>
                   )
@@ -251,7 +251,7 @@ function App() {
           <input
             type="number"
             defaultValue={table.getState().pagination.pageIndex + 1}
-            onChange={e => {
+            onChange={(e) => {
               const page = e.target.value ? Number(e.target.value) - 1 : 0
               table.setPageIndex(page)
             }}
@@ -260,11 +260,11 @@ function App() {
         </span>
         <select
           value={table.getState().pagination.pageSize}
-          onChange={e => {
+          onChange={(e) => {
             table.setPageSize(Number(e.target.value))
           }}
         >
-          {[10, 20, 30, 40, 50].map(pageSize => (
+          {[10, 20, 30, 40, 50].map((pageSize) => (
             <option key={pageSize} value={pageSize}>
               Show {pageSize}
             </option>
@@ -285,7 +285,7 @@ function App() {
             globalFilter: table.getState().globalFilter,
           },
           null,
-          2
+          2,
         )}
       </pre>
     </div>
@@ -299,7 +299,7 @@ function Filter({ column }: { column: Column<any, unknown> }) {
     <DebouncedInput
       type="text"
       value={(columnFilterValue ?? '') as string}
-      onChange={value => column.setFilterValue(value)}
+      onChange={(value) => column.setFilterValue(value)}
       placeholder={`Search...`}
       className="w-36 border shadow rounded"
     />
@@ -332,7 +332,11 @@ function DebouncedInput({
   }, [value])
 
   return (
-    <input {...props} value={value} onChange={e => setValue(e.target.value)} />
+    <input
+      {...props}
+      value={value}
+      onChange={(e) => setValue(e.target.value)}
+    />
   )
 }
 
@@ -342,5 +346,5 @@ if (!rootElement) throw new Error('Failed to find the root element')
 ReactDOM.createRoot(rootElement).render(
   <React.StrictMode>
     <App />
-  </React.StrictMode>
+  </React.StrictMode>,
 )
diff --git a/examples/react/filters/src/main.tsx b/examples/react/filters/src/main.tsx
index 4837edbc18..37737201fb 100644
--- a/examples/react/filters/src/main.tsx
+++ b/examples/react/filters/src/main.tsx
@@ -29,26 +29,26 @@ function App() {
   const rerender = React.useReducer(() => ({}), {})[1]
 
   const [columnFilters, setColumnFilters] = React.useState<ColumnFiltersState>(
-    []
+    [],
   )
 
   const columns = React.useMemo<ColumnDef<Person, any>[]>(
     () => [
       {
         accessorKey: 'firstName',
-        cell: info => info.getValue(),
+        cell: (info) => info.getValue(),
       },
       {
-        accessorFn: row => row.lastName,
+        accessorFn: (row) => row.lastName,
         id: 'lastName',
-        cell: info => info.getValue(),
+        cell: (info) => info.getValue(),
         header: () => <span>Last Name</span>,
       },
       {
-        accessorFn: row => `${row.firstName} ${row.lastName}`,
+        accessorFn: (row) => `${row.firstName} ${row.lastName}`,
         id: 'fullName',
         header: 'Full Name',
-        cell: info => info.getValue(),
+        cell: (info) => info.getValue(),
       },
       {
         accessorKey: 'age',
@@ -79,11 +79,11 @@ function App() {
         },
       },
     ],
-    []
+    [],
   )
 
   const [data, setData] = React.useState<Person[]>(() => makeData(5_000))
-  const refreshData = () => setData(_old => makeData(50_000)) //stress test
+  const refreshData = () => setData((_old) => makeData(50_000)) //stress test
 
   const table = useReactTable({
     data,
@@ -106,9 +106,9 @@ function App() {
     <div className="p-2">
       <table>
         <thead>
-          {table.getHeaderGroups().map(headerGroup => (
+          {table.getHeaderGroups().map((headerGroup) => (
             <tr key={headerGroup.id}>
-              {headerGroup.headers.map(header => {
+              {headerGroup.headers.map((header) => {
                 return (
                   <th key={header.id} colSpan={header.colSpan}>
                     {header.isPlaceholder ? null : (
@@ -123,7 +123,7 @@ function App() {
                         >
                           {flexRender(
                             header.column.columnDef.header,
-                            header.getContext()
+                            header.getContext(),
                           )}
                           {{
                             asc: ' 🔼',
@@ -144,15 +144,15 @@ function App() {
           ))}
         </thead>
         <tbody>
-          {table.getRowModel().rows.map(row => {
+          {table.getRowModel().rows.map((row) => {
             return (
               <tr key={row.id}>
-                {row.getVisibleCells().map(cell => {
+                {row.getVisibleCells().map((cell) => {
                   return (
                     <td key={cell.id}>
                       {flexRender(
                         cell.column.columnDef.cell,
-                        cell.getContext()
+                        cell.getContext(),
                       )}
                     </td>
                   )
@@ -206,7 +206,7 @@ function App() {
             min="1"
             max={table.getPageCount()}
             defaultValue={table.getState().pagination.pageIndex + 1}
-            onChange={e => {
+            onChange={(e) => {
               const page = e.target.value ? Number(e.target.value) - 1 : 0
               table.setPageIndex(page)
             }}
@@ -215,11 +215,11 @@ function App() {
         </span>
         <select
           value={table.getState().pagination.pageSize}
-          onChange={e => {
+          onChange={(e) => {
             table.setPageSize(Number(e.target.value))
           }}
         >
-          {[10, 20, 30, 40, 50].map(pageSize => (
+          {[10, 20, 30, 40, 50].map((pageSize) => (
             <option key={pageSize} value={pageSize}>
               Show {pageSize}
             </option>
@@ -237,7 +237,7 @@ function App() {
         {JSON.stringify(
           { columnFilters: table.getState().columnFilters },
           null,
-          2
+          2,
         )}
       </pre>
     </div>
@@ -255,7 +255,7 @@ function Filter({ column }: { column: Column<any, unknown> }) {
         <DebouncedInput
           type="number"
           value={(columnFilterValue as [number, number])?.[0] ?? ''}
-          onChange={value =>
+          onChange={(value) =>
             column.setFilterValue((old: [number, number]) => [value, old?.[1]])
           }
           placeholder={`Min`}
@@ -264,7 +264,7 @@ function Filter({ column }: { column: Column<any, unknown> }) {
         <DebouncedInput
           type="number"
           value={(columnFilterValue as [number, number])?.[1] ?? ''}
-          onChange={value =>
+          onChange={(value) =>
             column.setFilterValue((old: [number, number]) => [old?.[0], value])
           }
           placeholder={`Max`}
@@ -275,7 +275,7 @@ function Filter({ column }: { column: Column<any, unknown> }) {
     </div>
   ) : filterVariant === 'select' ? (
     <select
-      onChange={e => column.setFilterValue(e.target.value)}
+      onChange={(e) => column.setFilterValue(e.target.value)}
       value={columnFilterValue?.toString()}
     >
       {/* See faceted column filters example for dynamic select options */}
@@ -287,7 +287,7 @@ function Filter({ column }: { column: Column<any, unknown> }) {
   ) : (
     <DebouncedInput
       className="w-36 border shadow rounded"
-      onChange={value => column.setFilterValue(value)}
+      onChange={(value) => column.setFilterValue(value)}
       placeholder={`Search...`}
       type="text"
       value={(columnFilterValue ?? '') as string}
@@ -322,7 +322,11 @@ function DebouncedInput({
   }, [value])
 
   return (
-    <input {...props} value={value} onChange={e => setValue(e.target.value)} />
+    <input
+      {...props}
+      value={value}
+      onChange={(e) => setValue(e.target.value)}
+    />
   )
 }
 
@@ -332,5 +336,5 @@ if (!rootElement) throw new Error('Failed to find the root element')
 ReactDOM.createRoot(rootElement).render(
   <React.StrictMode>
     <App />
-  </React.StrictMode>
+  </React.StrictMode>,
 )
diff --git a/examples/react/full-width-resizable-table/src/main.tsx b/examples/react/full-width-resizable-table/src/main.tsx
index 7ac6e8dd6f..2084ba1c29 100644
--- a/examples/react/full-width-resizable-table/src/main.tsx
+++ b/examples/react/full-width-resizable-table/src/main.tsx
@@ -13,30 +13,30 @@ import { makeData, Person } from './makeData'
 const columns: ColumnDef<Person>[] = [
   {
     header: 'Name',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
     columns: [
       {
         accessorKey: 'firstName',
-        cell: info => info.getValue(),
-        footer: props => props.column.id,
+        cell: (info) => info.getValue(),
+        footer: (props) => props.column.id,
       },
       {
-        accessorFn: row => row.lastName,
+        accessorFn: (row) => row.lastName,
         id: 'lastName',
-        cell: info => info.getValue(),
+        cell: (info) => info.getValue(),
         header: () => <span>Last Name</span>,
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       },
     ],
   },
   {
     header: 'Info',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
     columns: [
       {
         accessorKey: 'age',
         header: () => 'Age',
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       },
       {
         header: 'More Info',
@@ -44,17 +44,17 @@ const columns: ColumnDef<Person>[] = [
           {
             accessorKey: 'visits',
             header: () => <span>Visits</span>,
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           },
           {
             accessorKey: 'status',
             header: 'Status',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           },
           {
             accessorKey: 'progress',
             header: 'Profile Progress',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           },
         ],
       },
@@ -81,9 +81,9 @@ function App() {
       <div className="h-2" />
       <table className="w-full ">
         <thead>
-          {table.getHeaderGroups().map(headerGroup => (
+          {table.getHeaderGroups().map((headerGroup) => (
             <tr key={headerGroup.id}>
-              {headerGroup.headers.map(header => {
+              {headerGroup.headers.map((header) => {
                 return (
                   <th
                     key={header.id}
@@ -94,7 +94,7 @@ function App() {
                       ? null
                       : flexRender(
                           header.column.columnDef.header,
-                          header.getContext()
+                          header.getContext(),
                         )}
                     {header.column.getCanResize() && (
                       <div
@@ -112,15 +112,15 @@ function App() {
           ))}
         </thead>
         <tbody>
-          {table.getRowModel().rows.map(row => {
+          {table.getRowModel().rows.map((row) => {
             return (
               <tr key={row.id}>
-                {row.getVisibleCells().map(cell => {
+                {row.getVisibleCells().map((cell) => {
                   return (
                     <td key={cell.id} style={{ width: cell.column.getSize() }}>
                       {flexRender(
                         cell.column.columnDef.cell,
-                        cell.getContext()
+                        cell.getContext(),
                       )}
                     </td>
                   )
@@ -141,5 +141,5 @@ if (!rootElement) throw new Error('Failed to find the root element')
 ReactDOM.createRoot(rootElement).render(
   <React.StrictMode>
     <App />
-  </React.StrictMode>
+  </React.StrictMode>,
 )
diff --git a/examples/react/full-width-table/src/main.tsx b/examples/react/full-width-table/src/main.tsx
index 3312784123..b031dbb45e 100644
--- a/examples/react/full-width-table/src/main.tsx
+++ b/examples/react/full-width-table/src/main.tsx
@@ -19,50 +19,50 @@ function App() {
     () => [
       {
         header: 'Name',
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
         columns: [
           {
             accessorKey: 'firstName',
-            cell: info => info.getValue(),
-            footer: props => props.column.id,
+            cell: (info) => info.getValue(),
+            footer: (props) => props.column.id,
           },
           {
-            accessorFn: row => row.lastName,
+            accessorFn: (row) => row.lastName,
             id: 'lastName',
-            cell: info => info.getValue(),
+            cell: (info) => info.getValue(),
             header: () => <span>Last Name</span>,
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           },
         ],
       },
       {
         header: 'Info',
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
         columns: [
           {
             accessorKey: 'age',
             header: () => 'Age',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           },
           {
             accessorKey: 'visits',
             header: () => <span>Visits</span>,
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           },
           {
             accessorKey: 'status',
             header: 'Status',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           },
           {
             accessorKey: 'progress',
             header: 'Profile Progress',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           },
         ],
       },
     ],
-    []
+    [],
   )
 
   const [data, setData] = React.useState(() => makeData(100000))
@@ -92,16 +92,16 @@ function App() {
         <div className="h-2" />
         <table className="w-full ">
           <thead>
-            {table.getHeaderGroups().map(headerGroup => (
+            {table.getHeaderGroups().map((headerGroup) => (
               <tr key={headerGroup.id}>
-                {headerGroup.headers.map(header => {
+                {headerGroup.headers.map((header) => {
                   return (
                     <th key={header.id} colSpan={header.colSpan}>
                       {header.isPlaceholder ? null : (
                         <div>
                           {flexRender(
                             header.column.columnDef.header,
-                            header.getContext()
+                            header.getContext(),
                           )}
                         </div>
                       )}
@@ -112,15 +112,15 @@ function App() {
             ))}
           </thead>
           <tbody>
-            {table.getRowModel().rows.map(row => {
+            {table.getRowModel().rows.map((row) => {
               return (
                 <tr key={row.id}>
-                  {row.getVisibleCells().map(cell => {
+                  {row.getVisibleCells().map((cell) => {
                     return (
                       <td key={cell.id}>
                         {flexRender(
                           cell.column.columnDef.cell,
-                          cell.getContext()
+                          cell.getContext(),
                         )}
                       </td>
                     )
@@ -174,7 +174,7 @@ function App() {
               min="1"
               max={table.getPageCount()}
               defaultValue={table.getState().pagination.pageIndex + 1}
-              onChange={e => {
+              onChange={(e) => {
                 const page = e.target.value ? Number(e.target.value) - 1 : 0
                 table.setPageIndex(page)
               }}
@@ -183,11 +183,11 @@ function App() {
           </span>
           <select
             value={table.getState().pagination.pageSize}
-            onChange={e => {
+            onChange={(e) => {
               table.setPageSize(Number(e.target.value))
             }}
           >
-            {[10, 20, 30, 40, 50].map(pageSize => (
+            {[10, 20, 30, 40, 50].map((pageSize) => (
               <option key={pageSize} value={pageSize}>
                 Show {pageSize}
               </option>
@@ -215,5 +215,5 @@ if (!rootElement) throw new Error('Failed to find the root element')
 ReactDOM.createRoot(rootElement).render(
   <React.StrictMode>
     <App />
-  </React.StrictMode>
+  </React.StrictMode>,
 )
diff --git a/examples/react/fully-controlled/src/main.tsx b/examples/react/fully-controlled/src/main.tsx
index caa67761c4..2eb0af4e16 100644
--- a/examples/react/fully-controlled/src/main.tsx
+++ b/examples/react/fully-controlled/src/main.tsx
@@ -24,30 +24,30 @@ type Person = {
 const defaultColumns: ColumnDef<Person>[] = [
   {
     header: 'Name',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
     columns: [
       {
         accessorKey: 'firstName',
-        cell: info => info.getValue(),
-        footer: props => props.column.id,
+        cell: (info) => info.getValue(),
+        footer: (props) => props.column.id,
       },
       {
-        accessorFn: row => row.lastName,
+        accessorFn: (row) => row.lastName,
         id: 'lastName',
-        cell: info => info.getValue(),
+        cell: (info) => info.getValue(),
         header: () => <span>Last Name</span>,
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       },
     ],
   },
   {
     header: 'Info',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
     columns: [
       {
         accessorKey: 'age',
         header: () => 'Age',
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       },
       {
         header: 'More Info',
@@ -55,17 +55,17 @@ const defaultColumns: ColumnDef<Person>[] = [
           {
             accessorKey: 'visits',
             header: () => <span>Visits</span>,
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           },
           {
             accessorKey: 'status',
             header: 'Status',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           },
           {
             accessorKey: 'progress',
             header: 'Profile Progress',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           },
         ],
       },
@@ -93,7 +93,7 @@ function App() {
   const [state, setState] = React.useState(table.initialState)
 
   // Override the state managers for the table to your own
-  table.setOptions(prev => ({
+  table.setOptions((prev) => ({
     ...prev,
     state,
     onStateChange: setState,
@@ -110,15 +110,15 @@ function App() {
     <div className="p-2">
       <table>
         <thead>
-          {table.getHeaderGroups().map(headerGroup => (
+          {table.getHeaderGroups().map((headerGroup) => (
             <tr key={headerGroup.id}>
-              {headerGroup.headers.map(header => (
+              {headerGroup.headers.map((header) => (
                 <th key={header.id} colSpan={header.colSpan}>
                   {header.isPlaceholder
                     ? null
                     : flexRender(
                         header.column.columnDef.header,
-                        header.getContext()
+                        header.getContext(),
                       )}
                 </th>
               ))}
@@ -126,9 +126,9 @@ function App() {
           ))}
         </thead>
         <tbody>
-          {table.getRowModel().rows.map(row => (
+          {table.getRowModel().rows.map((row) => (
             <tr key={row.id}>
-              {row.getVisibleCells().map(cell => (
+              {row.getVisibleCells().map((cell) => (
                 <td key={cell.id}>
                   {flexRender(cell.column.columnDef.cell, cell.getContext())}
                 </td>
@@ -137,15 +137,15 @@ function App() {
           ))}
         </tbody>
         <tfoot>
-          {table.getFooterGroups().map(footerGroup => (
+          {table.getFooterGroups().map((footerGroup) => (
             <tr key={footerGroup.id}>
-              {footerGroup.headers.map(header => (
+              {footerGroup.headers.map((header) => (
                 <th key={header.id} colSpan={header.colSpan}>
                   {header.isPlaceholder
                     ? null
                     : flexRender(
                         header.column.columnDef.footer,
-                        header.getContext()
+                        header.getContext(),
                       )}
                 </th>
               ))}
@@ -197,7 +197,7 @@ function App() {
             min="1"
             max={table.getPageCount()}
             defaultValue={table.getState().pagination.pageIndex + 1}
-            onChange={e => {
+            onChange={(e) => {
               const page = e.target.value ? Number(e.target.value) - 1 : 0
               table.setPageIndex(page)
             }}
@@ -206,11 +206,11 @@ function App() {
         </span>
         <select
           value={table.getState().pagination.pageSize}
-          onChange={e => {
+          onChange={(e) => {
             table.setPageSize(Number(e.target.value))
           }}
         >
-          {[10, 20, 30, 40, 50].map(pageSize => (
+          {[10, 20, 30, 40, 50].map((pageSize) => (
             <option key={pageSize} value={pageSize}>
               Show {pageSize}
             </option>
@@ -231,5 +231,5 @@ if (!rootElement) throw new Error('Failed to find the root element')
 ReactDOM.createRoot(rootElement).render(
   <React.StrictMode>
     <App />
-  </React.StrictMode>
+  </React.StrictMode>,
 )
diff --git a/examples/react/grouping/src/main.tsx b/examples/react/grouping/src/main.tsx
index 24603780b9..9761bdde39 100644
--- a/examples/react/grouping/src/main.tsx
+++ b/examples/react/grouping/src/main.tsx
@@ -27,18 +27,18 @@ function App() {
           {
             accessorKey: 'firstName',
             header: 'First Name',
-            cell: info => info.getValue(),
+            cell: (info) => info.getValue(),
             /**
              * override the value used for row grouping
              * (otherwise, defaults to the value derived from accessorKey / accessorFn)
              */
-            getGroupingValue: row => `${row.firstName} ${row.lastName}`,
+            getGroupingValue: (row) => `${row.firstName} ${row.lastName}`,
           },
           {
-            accessorFn: row => row.lastName,
+            accessorFn: (row) => row.lastName,
             id: 'lastName',
             header: () => <span>Last Name</span>,
-            cell: info => info.getValue(),
+            cell: (info) => info.getValue(),
           },
         ],
       },
@@ -79,7 +79,7 @@ function App() {
         ],
       },
     ],
-    []
+    [],
   )
 
   const [data, setData] = React.useState(() => makeData(100000))
@@ -107,9 +107,9 @@ function App() {
       <div className="h-2" />
       <table>
         <thead>
-          {table.getHeaderGroups().map(headerGroup => (
+          {table.getHeaderGroups().map((headerGroup) => (
             <tr key={headerGroup.id}>
-              {headerGroup.headers.map(header => {
+              {headerGroup.headers.map((header) => {
                 return (
                   <th key={header.id} colSpan={header.colSpan}>
                     {header.isPlaceholder ? null : (
@@ -131,7 +131,7 @@ function App() {
                         ) : null}{' '}
                         {flexRender(
                           header.column.columnDef.header,
-                          header.getContext()
+                          header.getContext(),
                         )}
                       </div>
                     )}
@@ -142,10 +142,10 @@ function App() {
           ))}
         </thead>
         <tbody>
-          {table.getRowModel().rows.map(row => {
+          {table.getRowModel().rows.map((row) => {
             return (
               <tr key={row.id}>
-                {row.getVisibleCells().map(cell => {
+                {row.getVisibleCells().map((cell) => {
                   return (
                     <td
                       {...{
@@ -177,7 +177,7 @@ function App() {
                             {row.getIsExpanded() ? '👇' : '👉'}{' '}
                             {flexRender(
                               cell.column.columnDef.cell,
-                              cell.getContext()
+                              cell.getContext(),
                             )}{' '}
                             ({row.subRows.length})
                           </button>
@@ -188,13 +188,13 @@ function App() {
                         flexRender(
                           cell.column.columnDef.aggregatedCell ??
                             cell.column.columnDef.cell,
-                          cell.getContext()
+                          cell.getContext(),
                         )
                       ) : cell.getIsPlaceholder() ? null : ( // For cells with repeated values, render null
                         // Otherwise, just render the regular cell
                         flexRender(
                           cell.column.columnDef.cell,
-                          cell.getContext()
+                          cell.getContext(),
                         )
                       )}
                     </td>
@@ -249,7 +249,7 @@ function App() {
             min="1"
             max={table.getPageCount()}
             defaultValue={table.getState().pagination.pageIndex + 1}
-            onChange={e => {
+            onChange={(e) => {
               const page = e.target.value ? Number(e.target.value) - 1 : 0
               table.setPageIndex(page)
             }}
@@ -258,11 +258,11 @@ function App() {
         </span>
         <select
           value={table.getState().pagination.pageSize}
-          onChange={e => {
+          onChange={(e) => {
             table.setPageSize(Number(e.target.value))
           }}
         >
-          {[10, 20, 30, 40, 50].map(pageSize => (
+          {[10, 20, 30, 40, 50].map((pageSize) => (
             <option key={pageSize} value={pageSize}>
               Show {pageSize}
             </option>
@@ -287,5 +287,5 @@ if (!rootElement) throw new Error('Failed to find the root element')
 ReactDOM.createRoot(rootElement).render(
   <React.StrictMode>
     <App />
-  </React.StrictMode>
+  </React.StrictMode>,
 )
diff --git a/examples/react/kitchen-sink/src/App.tsx b/examples/react/kitchen-sink/src/App.tsx
index d97988b521..02ad690df4 100644
--- a/examples/react/kitchen-sink/src/App.tsx
+++ b/examples/react/kitchen-sink/src/App.tsx
@@ -81,7 +81,7 @@ export const App = () => {
   const [rowSelection, setRowSelection] = React.useState({})
   const [columnPinning, setColumnPinning] = React.useState({})
   const [columnFilters, setColumnFilters] = React.useState<ColumnFiltersState>(
-    []
+    [],
   )
   const [globalFilter, setGlobalFilter] = React.useState('')
 
@@ -134,7 +134,7 @@ export const App = () => {
 
   const randomizeColumns = () => {
     table.setColumnOrder(
-      faker.helpers.shuffle(table.getAllLeafColumns().map(d => d.id))
+      faker.helpers.shuffle(table.getAllLeafColumns().map((d) => d.id)),
     )
   }
 
@@ -145,7 +145,7 @@ export const App = () => {
           Search:
           <DebouncedInput
             value={globalFilter ?? ''}
-            onChange={value => setGlobalFilter(String(value))}
+            onChange={(value) => setGlobalFilter(String(value))}
             className="mx-1 p-2 font-lg shadow border border-block"
             placeholder="Search all columns..."
           />
@@ -162,7 +162,7 @@ export const App = () => {
               Toggle All
             </label>
           </div>
-          {table.getAllLeafColumns().map(column => {
+          {table.getAllLeafColumns().map((column) => {
             return (
               <div key={column.id} className="px-1">
                 <label>
@@ -183,7 +183,7 @@ export const App = () => {
             <input
               type="checkbox"
               checked={isSplit}
-              onChange={e => setIsSplit(e.target.checked)}
+              onChange={(e) => setIsSplit(e.target.checked)}
               className="mx-1"
             />
             Split Mode
diff --git a/examples/react/kitchen-sink/src/components/ActionButtons.tsx b/examples/react/kitchen-sink/src/components/ActionButtons.tsx
index 2a33663619..85c5ad949d 100644
--- a/examples/react/kitchen-sink/src/components/ActionButtons.tsx
+++ b/examples/react/kitchen-sink/src/components/ActionButtons.tsx
@@ -78,7 +78,7 @@ export function ActionButtons<T extends RowData>({
             min="1"
             max={pageCount}
             defaultValue={pageIndex + 1}
-            onChange={e => {
+            onChange={(e) => {
               const page = e.target.value ? Number(e.target.value) - 1 : 0
               setPageIndex(page)
             }}
@@ -88,11 +88,11 @@ export function ActionButtons<T extends RowData>({
         <select
           className="border p-1 rounded"
           value={pageSize}
-          onChange={e => {
+          onChange={(e) => {
             setPageSize(Number(e.target.value))
           }}
         >
-          {[10, 20, 30, 40, 50].map(pageSize => (
+          {[10, 20, 30, 40, 50].map((pageSize) => (
             <option key={pageSize} value={pageSize}>
               Show {pageSize}
             </option>
@@ -125,7 +125,7 @@ export function ActionButtons<T extends RowData>({
             onClick={() =>
               console.info(
                 'table.getSelectedFlatRows()',
-                getSelectedRowModel().flatRows
+                getSelectedRowModel().flatRows,
               )
             }
           >
diff --git a/examples/react/kitchen-sink/src/components/CustomTable.tsx b/examples/react/kitchen-sink/src/components/CustomTable.tsx
index e5f68207cf..85c10e787f 100644
--- a/examples/react/kitchen-sink/src/components/CustomTable.tsx
+++ b/examples/react/kitchen-sink/src/components/CustomTable.tsx
@@ -13,7 +13,7 @@ type TableGroup = 'center' | 'left' | 'right'
 
 function getTableHeaderGroups<T extends RowData>(
   table: Table<T>,
-  tg?: TableGroup
+  tg?: TableGroup,
 ): [HeaderGroup<T>[], HeaderGroup<T>[]] {
   if (tg === 'left') {
     return [table.getLeftHeaderGroups(), table.getLeftFooterGroups()]
@@ -51,9 +51,9 @@ export function CustomTable<T extends RowData>({
   return (
     <table>
       <thead>
-        {headerGroups.map(headerGroup => (
+        {headerGroups.map((headerGroup) => (
           <tr key={headerGroup.id}>
-            {headerGroup.headers.map(header => (
+            {headerGroup.headers.map((header) => (
               <th
                 className="relative"
                 key={header.id}
@@ -80,7 +80,7 @@ export function CustomTable<T extends RowData>({
                       ) : null}{' '}
                       {flexRender(
                         header.column.columnDef.header,
-                        header.getContext()
+                        header.getContext(),
                       )}{' '}
                       <button
                         onClick={header.column.getToggleSortingHandler()}
@@ -120,9 +120,9 @@ export function CustomTable<T extends RowData>({
         ))}
       </thead>
       <tbody>
-        {table.getRowModel().rows.map(row => (
+        {table.getRowModel().rows.map((row) => (
           <tr key={row.id}>
-            {getRowGroup(row, tableGroup).map(cell => (
+            {getRowGroup(row, tableGroup).map((cell) => (
               <td
                 key={cell.id}
                 style={{
@@ -136,15 +136,15 @@ export function CustomTable<T extends RowData>({
         ))}
       </tbody>
       <tfoot>
-        {footerGroup.map(footerGroup => (
+        {footerGroup.map((footerGroup) => (
           <tr key={footerGroup.id}>
-            {footerGroup.headers.map(header => (
+            {footerGroup.headers.map((header) => (
               <th key={header.id} colSpan={header.colSpan}>
                 {header.isPlaceholder
                   ? null
                   : flexRender(
                       header.column.columnDef.footer,
-                      header.getContext()
+                      header.getContext(),
                     )}
               </th>
             ))}
diff --git a/examples/react/kitchen-sink/src/components/Filter.tsx b/examples/react/kitchen-sink/src/components/Filter.tsx
index 83d11ec89b..f877eb2b61 100644
--- a/examples/react/kitchen-sink/src/components/Filter.tsx
+++ b/examples/react/kitchen-sink/src/components/Filter.tsx
@@ -27,7 +27,7 @@ const NumberInput: React.FC<NumberInputProps> = ({
           min={min}
           max={max}
           value={columnFilterValue?.[0] ?? ''}
-          onChange={value =>
+          onChange={(value) =>
             setFilterValue((old: [number, number]) => [value, old?.[1]])
           }
           placeholder={`Min ${minOpt ? `(${min})` : ''}`}
@@ -38,7 +38,7 @@ const NumberInput: React.FC<NumberInputProps> = ({
           min={min}
           max={max}
           value={columnFilterValue?.[1] ?? ''}
-          onChange={value =>
+          onChange={(value) =>
             setFilterValue((old: [number, number]) => [old?.[0], value])
           }
           placeholder={`Max ${maxOpt ? `(${max})` : ''}`}
@@ -77,7 +77,7 @@ const TextInput: React.FC<TextInputProps> = ({
       <DebouncedInput
         type="text"
         value={columnFilterValue ?? ''}
-        onChange={value => setFilterValue(value)}
+        onChange={(value) => setFilterValue(value)}
         placeholder={`Search... (${columnSize})`}
         className="w-36 border shadow rounded"
         list={dataListId}
@@ -105,7 +105,7 @@ export function Filter<T extends RowData>({ column, table }: Props<T>) {
       typeof firstValue === 'number'
         ? []
         : Array.from(uniqueValues.keys()).sort(),
-    [uniqueValues]
+    [uniqueValues],
   )
 
   return typeof firstValue === 'number' ? (
diff --git a/examples/react/kitchen-sink/src/hooks.tsx b/examples/react/kitchen-sink/src/hooks.tsx
index f41940baef..3ac4bb5406 100644
--- a/examples/react/kitchen-sink/src/hooks.tsx
+++ b/examples/react/kitchen-sink/src/hooks.tsx
@@ -15,7 +15,7 @@ export function useSkipper() {
 
   const result = React.useMemo(
     () => [Boolean(shouldSkip), skip] as const,
-    [shouldSkip, skip]
+    [shouldSkip, skip],
   )
 
   return result
diff --git a/examples/react/kitchen-sink/src/main.tsx b/examples/react/kitchen-sink/src/main.tsx
index 12107de5b7..a4837c6396 100644
--- a/examples/react/kitchen-sink/src/main.tsx
+++ b/examples/react/kitchen-sink/src/main.tsx
@@ -10,5 +10,5 @@ if (!rootElement) throw new Error('Failed to find the root element')
 ReactDOM.createRoot(rootElement).render(
   <React.StrictMode>
     <App />
-  </React.StrictMode>
+  </React.StrictMode>,
 )
diff --git a/examples/react/kitchen-sink/src/tableModels.tsx b/examples/react/kitchen-sink/src/tableModels.tsx
index 242c543c4b..b6b6c24dda 100644
--- a/examples/react/kitchen-sink/src/tableModels.tsx
+++ b/examples/react/kitchen-sink/src/tableModels.tsx
@@ -17,7 +17,7 @@ export const fuzzyFilter: FilterFn<Person> = (
   row,
   columnId,
   value,
-  addMeta
+  addMeta,
 ) => {
   // Rank the item
   const itemRank = rankItem(row.getValue(columnId), value)
@@ -36,7 +36,7 @@ export const fuzzySort: SortingFn<Person> = (rowA, rowB, columnId) => {
   if (rowA.columnFiltersMeta[columnId]) {
     dir = compareItems(
       rowA.columnFiltersMeta[columnId]! as RankingInfo,
-      rowB.columnFiltersMeta[columnId]! as RankingInfo
+      rowB.columnFiltersMeta[columnId]! as RankingInfo,
     )
   }
 
@@ -68,7 +68,7 @@ export const defaultColumn: Partial<ColumnDef<Person>> = {
     return (
       <input
         value={value as string}
-        onChange={e => setValue(e.target.value)}
+        onChange={(e) => setValue(e.target.value)}
         onBlur={onBlur}
       />
     )
@@ -97,26 +97,26 @@ export const columns: ColumnDef<Person>[] = [
   },
   {
     header: 'Name',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
     columns: [
       {
         accessorKey: 'firstName',
-        cell: info => info.getValue(),
-        footer: props => props.column.id,
+        cell: (info) => info.getValue(),
+        footer: (props) => props.column.id,
       },
       {
-        accessorFn: row => row.lastName,
+        accessorFn: (row) => row.lastName,
         id: 'lastName',
-        cell: info => info.getValue(),
+        cell: (info) => info.getValue(),
         header: () => <span>Last Name</span>,
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       },
       {
-        accessorFn: row => `${row.firstName} ${row.lastName}`,
+        accessorFn: (row) => `${row.firstName} ${row.lastName}`,
         id: 'fullName',
         header: 'Full Name',
-        cell: info => info.getValue(),
-        footer: props => props.column.id,
+        cell: (info) => info.getValue(),
+        footer: (props) => props.column.id,
         filterFn: fuzzyFilter,
         sortingFn: fuzzySort,
       },
@@ -124,12 +124,12 @@ export const columns: ColumnDef<Person>[] = [
   },
   {
     header: 'Info',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
     columns: [
       {
         accessorKey: 'age',
         header: () => 'Age',
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       },
       {
         header: 'More Info',
@@ -137,17 +137,17 @@ export const columns: ColumnDef<Person>[] = [
           {
             accessorKey: 'visits',
             header: () => <span>Visits</span>,
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           },
           {
             accessorKey: 'status',
             header: 'Status',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           },
           {
             accessorKey: 'progress',
             header: 'Profile Progress',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           },
         ],
       },
@@ -157,13 +157,13 @@ export const columns: ColumnDef<Person>[] = [
 
 export const getTableMeta = (
   setData: React.Dispatch<React.SetStateAction<Person[]>>,
-  skipAutoResetPageIndex: () => void
+  skipAutoResetPageIndex: () => void,
 ) =>
   ({
     updateData: (rowIndex, columnId, value) => {
       // Skip age index reset until after next rerender
       skipAutoResetPageIndex()
-      setData(old =>
+      setData((old) =>
         old.map((row, index) => {
           if (index !== rowIndex) return row
 
@@ -171,7 +171,7 @@ export const getTableMeta = (
             ...old[rowIndex]!,
             [columnId]: value,
           }
-        })
+        }),
       )
     },
   }) as TableMeta
diff --git a/examples/react/material-ui-pagination/src/actions.tsx b/examples/react/material-ui-pagination/src/actions.tsx
index 1a6c325dcd..a9ae2b17ad 100644
--- a/examples/react/material-ui-pagination/src/actions.tsx
+++ b/examples/react/material-ui-pagination/src/actions.tsx
@@ -14,25 +14,25 @@ const TablePaginationActions = (props: TablePaginationActionsProps) => {
   const { count, page, rowsPerPage, onPageChange } = props
 
   const handleFirstPageButtonClick = (
-    event: React.MouseEvent<HTMLButtonElement, MouseEvent>
+    event: React.MouseEvent<HTMLButtonElement, MouseEvent>,
   ) => {
     onPageChange(event, 0)
   }
 
   const handleBackButtonClick = (
-    event: React.MouseEvent<HTMLButtonElement, MouseEvent>
+    event: React.MouseEvent<HTMLButtonElement, MouseEvent>,
   ) => {
     onPageChange(event, page - 1)
   }
 
   const handleNextButtonClick = (
-    event: React.MouseEvent<HTMLButtonElement, MouseEvent>
+    event: React.MouseEvent<HTMLButtonElement, MouseEvent>,
   ) => {
     onPageChange(event, page + 1)
   }
 
   const handleLastPageButtonClick = (
-    event: React.MouseEvent<HTMLButtonElement, MouseEvent>
+    event: React.MouseEvent<HTMLButtonElement, MouseEvent>,
   ) => {
     onPageChange(event, Math.max(0, Math.ceil(count / rowsPerPage) - 1))
   }
diff --git a/examples/react/material-ui-pagination/src/main.tsx b/examples/react/material-ui-pagination/src/main.tsx
index beddb100aa..c00e5d6d43 100644
--- a/examples/react/material-ui-pagination/src/main.tsx
+++ b/examples/react/material-ui-pagination/src/main.tsx
@@ -34,30 +34,30 @@ function App() {
     () => [
       {
         header: 'Name',
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
         columns: [
           {
             accessorKey: 'firstName',
-            cell: info => info.getValue(),
-            footer: props => props.column.id,
+            cell: (info) => info.getValue(),
+            footer: (props) => props.column.id,
           },
           {
-            accessorFn: row => row.lastName,
+            accessorFn: (row) => row.lastName,
             id: 'lastName',
-            cell: info => info.getValue(),
+            cell: (info) => info.getValue(),
             header: () => <span>Last Name</span>,
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           },
         ],
       },
       {
         header: 'Info',
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
         columns: [
           {
             accessorKey: 'age',
             header: () => 'Age',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           },
           {
             header: 'More Info',
@@ -65,24 +65,24 @@ function App() {
               {
                 accessorKey: 'visits',
                 header: () => <span>Visits</span>,
-                footer: props => props.column.id,
+                footer: (props) => props.column.id,
               },
               {
                 accessorKey: 'status',
                 header: 'Status',
-                footer: props => props.column.id,
+                footer: (props) => props.column.id,
               },
               {
                 accessorKey: 'progress',
                 header: 'Profile Progress',
-                footer: props => props.column.id,
+                footer: (props) => props.column.id,
               },
             ],
           },
         ],
       },
     ],
-    []
+    [],
   )
 
   const [data, setData] = React.useState(() => makeData(100000))
@@ -127,16 +127,16 @@ function LocalTable({
       <TableContainer component={Paper}>
         <Table sx={{ minWidth: 650 }} aria-label="simple table">
           <TableHead>
-            {table.getHeaderGroups().map(headerGroup => (
+            {table.getHeaderGroups().map((headerGroup) => (
               <TableRow key={headerGroup.id}>
-                {headerGroup.headers.map(header => {
+                {headerGroup.headers.map((header) => {
                   return (
                     <TableCell key={header.id} colSpan={header.colSpan}>
                       {header.isPlaceholder ? null : (
                         <div>
                           {flexRender(
                             header.column.columnDef.header,
-                            header.getContext()
+                            header.getContext(),
                           )}
                           {header.column.getCanFilter() ? (
                             <div>
@@ -152,15 +152,15 @@ function LocalTable({
             ))}
           </TableHead>
           <TableBody>
-            {table.getRowModel().rows.map(row => {
+            {table.getRowModel().rows.map((row) => {
               return (
                 <TableRow key={row.id}>
-                  {row.getVisibleCells().map(cell => {
+                  {row.getVisibleCells().map((cell) => {
                     return (
                       <TableCell key={cell.id}>
                         {flexRender(
                           cell.column.columnDef.cell,
-                          cell.getContext()
+                          cell.getContext(),
                         )}
                       </TableCell>
                     )
@@ -186,7 +186,7 @@ function LocalTable({
         onPageChange={(_, page) => {
           table.setPageIndex(page)
         }}
-        onRowsPerPageChange={e => {
+        onRowsPerPageChange={(e) => {
           const size = e.target.value ? Number(e.target.value) : 10
           table.setPageSize(size)
         }}
@@ -214,7 +214,7 @@ function Filter({
       <InputBase
         type="number"
         value={(columnFilterValue as [number, number])?.[0] ?? ''}
-        onChange={e =>
+        onChange={(e) =>
           column.setFilterValue((old: [number, number]) => [
             e.target.value,
             old?.[1],
@@ -226,7 +226,7 @@ function Filter({
       <InputBase
         type="number"
         value={(columnFilterValue as [number, number])?.[1] ?? ''}
-        onChange={e =>
+        onChange={(e) =>
           column.setFilterValue((old: [number, number]) => [
             old?.[0],
             e.target.value,
@@ -240,7 +240,7 @@ function Filter({
   ) : (
     <InputBase
       value={(columnFilterValue ?? '') as string}
-      onChange={e => column.setFilterValue(e.target.value)}
+      onChange={(e) => column.setFilterValue(e.target.value)}
       placeholder={`Search...`}
       className="w-36 border shadow rounded"
       inputProps={{ 'aria-label': 'search' }}
@@ -254,5 +254,5 @@ if (!rootElement) throw new Error('Failed to find the root element')
 ReactDOM.createRoot(rootElement).render(
   <React.StrictMode>
     <App />
-  </React.StrictMode>
+  </React.StrictMode>,
 )
diff --git a/examples/react/pagination-controlled/src/fetchData.ts b/examples/react/pagination-controlled/src/fetchData.ts
index 53a51ea688..26df9c05c7 100644
--- a/examples/react/pagination-controlled/src/fetchData.ts
+++ b/examples/react/pagination-controlled/src/fetchData.ts
@@ -54,12 +54,12 @@ export async function fetchData(options: {
   pageSize: number
 }) {
   // Simulate some network latency
-  await new Promise(r => setTimeout(r, 500))
+  await new Promise((r) => setTimeout(r, 500))
 
   return {
     rows: data.slice(
       options.pageIndex * options.pageSize,
-      (options.pageIndex + 1) * options.pageSize
+      (options.pageIndex + 1) * options.pageSize,
     ),
     pageCount: Math.ceil(data.length / options.pageSize),
     rowCount: data.length,
diff --git a/examples/react/pagination-controlled/src/main.tsx b/examples/react/pagination-controlled/src/main.tsx
index f7f250a3d6..6e3527aa0d 100644
--- a/examples/react/pagination-controlled/src/main.tsx
+++ b/examples/react/pagination-controlled/src/main.tsx
@@ -31,30 +31,30 @@ function App() {
     () => [
       {
         header: 'Name',
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
         columns: [
           {
             accessorKey: 'firstName',
-            cell: info => info.getValue(),
-            footer: props => props.column.id,
+            cell: (info) => info.getValue(),
+            footer: (props) => props.column.id,
           },
           {
-            accessorFn: row => row.lastName,
+            accessorFn: (row) => row.lastName,
             id: 'lastName',
-            cell: info => info.getValue(),
+            cell: (info) => info.getValue(),
             header: () => <span>Last Name</span>,
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           },
         ],
       },
       {
         header: 'Info',
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
         columns: [
           {
             accessorKey: 'age',
             header: () => 'Age',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           },
           {
             header: 'More Info',
@@ -62,24 +62,24 @@ function App() {
               {
                 accessorKey: 'visits',
                 header: () => <span>Visits</span>,
-                footer: props => props.column.id,
+                footer: (props) => props.column.id,
               },
               {
                 accessorKey: 'status',
                 header: 'Status',
-                footer: props => props.column.id,
+                footer: (props) => props.column.id,
               },
               {
                 accessorKey: 'progress',
                 header: 'Profile Progress',
-                footer: props => props.column.id,
+                footer: (props) => props.column.id,
               },
             ],
           },
         ],
       },
     ],
-    []
+    [],
   )
 
   const [pagination, setPagination] = React.useState<PaginationState>({
@@ -115,16 +115,16 @@ function App() {
       <div className="h-2" />
       <table>
         <thead>
-          {table.getHeaderGroups().map(headerGroup => (
+          {table.getHeaderGroups().map((headerGroup) => (
             <tr key={headerGroup.id}>
-              {headerGroup.headers.map(header => {
+              {headerGroup.headers.map((header) => {
                 return (
                   <th key={header.id} colSpan={header.colSpan}>
                     {header.isPlaceholder ? null : (
                       <div>
                         {flexRender(
                           header.column.columnDef.header,
-                          header.getContext()
+                          header.getContext(),
                         )}
                       </div>
                     )}
@@ -135,15 +135,15 @@ function App() {
           ))}
         </thead>
         <tbody>
-          {table.getRowModel().rows.map(row => {
+          {table.getRowModel().rows.map((row) => {
             return (
               <tr key={row.id}>
-                {row.getVisibleCells().map(cell => {
+                {row.getVisibleCells().map((cell) => {
                   return (
                     <td key={cell.id}>
                       {flexRender(
                         cell.column.columnDef.cell,
-                        cell.getContext()
+                        cell.getContext(),
                       )}
                     </td>
                   )
@@ -197,7 +197,7 @@ function App() {
             min="1"
             max={table.getPageCount()}
             defaultValue={table.getState().pagination.pageIndex + 1}
-            onChange={e => {
+            onChange={(e) => {
               const page = e.target.value ? Number(e.target.value) - 1 : 0
               table.setPageIndex(page)
             }}
@@ -206,11 +206,11 @@ function App() {
         </span>
         <select
           value={table.getState().pagination.pageSize}
-          onChange={e => {
+          onChange={(e) => {
             table.setPageSize(Number(e.target.value))
           }}
         >
-          {[10, 20, 30, 40, 50].map(pageSize => (
+          {[10, 20, 30, 40, 50].map((pageSize) => (
             <option key={pageSize} value={pageSize}>
               Show {pageSize}
             </option>
@@ -238,5 +238,5 @@ ReactDOM.createRoot(rootElement).render(
     <QueryClientProvider client={queryClient}>
       <App />
     </QueryClientProvider>
-  </React.StrictMode>
+  </React.StrictMode>,
 )
diff --git a/examples/react/pagination/src/main.tsx b/examples/react/pagination/src/main.tsx
index ac68a5de15..dae1dab7ab 100644
--- a/examples/react/pagination/src/main.tsx
+++ b/examples/react/pagination/src/main.tsx
@@ -25,38 +25,38 @@ function App() {
     () => [
       {
         accessorKey: 'firstName',
-        cell: info => info.getValue(),
-        footer: props => props.column.id,
+        cell: (info) => info.getValue(),
+        footer: (props) => props.column.id,
       },
       {
-        accessorFn: row => row.lastName,
+        accessorFn: (row) => row.lastName,
         id: 'lastName',
-        cell: info => info.getValue(),
+        cell: (info) => info.getValue(),
         header: () => <span>Last Name</span>,
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       },
       {
         accessorKey: 'age',
         header: () => 'Age',
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       },
       {
         accessorKey: 'visits',
         header: () => <span>Visits</span>,
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       },
       {
         accessorKey: 'status',
         header: 'Status',
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       },
       {
         accessorKey: 'progress',
         header: 'Profile Progress',
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       },
     ],
-    []
+    [],
   )
 
   const [data, setData] = React.useState(() => makeData(100000))
@@ -114,9 +114,9 @@ function MyTable({
       <div className="h-2" />
       <table>
         <thead>
-          {table.getHeaderGroups().map(headerGroup => (
+          {table.getHeaderGroups().map((headerGroup) => (
             <tr key={headerGroup.id}>
-              {headerGroup.headers.map(header => {
+              {headerGroup.headers.map((header) => {
                 return (
                   <th key={header.id} colSpan={header.colSpan}>
                     <div
@@ -129,7 +129,7 @@ function MyTable({
                     >
                       {flexRender(
                         header.column.columnDef.header,
-                        header.getContext()
+                        header.getContext(),
                       )}
                       {{
                         asc: ' 🔼',
@@ -148,15 +148,15 @@ function MyTable({
           ))}
         </thead>
         <tbody>
-          {table.getRowModel().rows.map(row => {
+          {table.getRowModel().rows.map((row) => {
             return (
               <tr key={row.id}>
-                {row.getVisibleCells().map(cell => {
+                {row.getVisibleCells().map((cell) => {
                   return (
                     <td key={cell.id}>
                       {flexRender(
                         cell.column.columnDef.cell,
-                        cell.getContext()
+                        cell.getContext(),
                       )}
                     </td>
                   )
@@ -210,7 +210,7 @@ function MyTable({
             min="1"
             max={table.getPageCount()}
             defaultValue={table.getState().pagination.pageIndex + 1}
-            onChange={e => {
+            onChange={(e) => {
               const page = e.target.value ? Number(e.target.value) - 1 : 0
               table.setPageIndex(page)
             }}
@@ -219,11 +219,11 @@ function MyTable({
         </span>
         <select
           value={table.getState().pagination.pageSize}
-          onChange={e => {
+          onChange={(e) => {
             table.setPageSize(Number(e.target.value))
           }}
         >
-          {[10, 20, 30, 40, 50].map(pageSize => (
+          {[10, 20, 30, 40, 50].map((pageSize) => (
             <option key={pageSize} value={pageSize}>
               Show {pageSize}
             </option>
@@ -253,11 +253,11 @@ function Filter({
   const columnFilterValue = column.getFilterValue()
 
   return typeof firstValue === 'number' ? (
-    <div className="flex space-x-2" onClick={e => e.stopPropagation()}>
+    <div className="flex space-x-2" onClick={(e) => e.stopPropagation()}>
       <input
         type="number"
         value={(columnFilterValue as [number, number])?.[0] ?? ''}
-        onChange={e =>
+        onChange={(e) =>
           column.setFilterValue((old: [number, number]) => [
             e.target.value,
             old?.[1],
@@ -269,7 +269,7 @@ function Filter({
       <input
         type="number"
         value={(columnFilterValue as [number, number])?.[1] ?? ''}
-        onChange={e =>
+        onChange={(e) =>
           column.setFilterValue((old: [number, number]) => [
             old?.[0],
             e.target.value,
@@ -282,8 +282,8 @@ function Filter({
   ) : (
     <input
       className="w-36 border shadow rounded"
-      onChange={e => column.setFilterValue(e.target.value)}
-      onClick={e => e.stopPropagation()}
+      onChange={(e) => column.setFilterValue(e.target.value)}
+      onClick={(e) => e.stopPropagation()}
       placeholder={`Search...`}
       type="text"
       value={(columnFilterValue ?? '') as string}
@@ -297,5 +297,5 @@ if (!rootElement) throw new Error('Failed to find the root element')
 ReactDOM.createRoot(rootElement).render(
   <React.StrictMode>
     <App />
-  </React.StrictMode>
+  </React.StrictMode>,
 )
diff --git a/examples/react/query-router-search-params/src/api/user.ts b/examples/react/query-router-search-params/src/api/user.ts
index 6953ac61b7..26be50fb34 100644
--- a/examples/react/query-router-search-params/src/api/user.ts
+++ b/examples/react/query-router-search-params/src/api/user.ts
@@ -29,7 +29,7 @@ function makeData(amount: number): User[] {
 const data = makeData(1000)
 
 export async function fetchUsers(
-  filtersAndPagination: UserFilters
+  filtersAndPagination: UserFilters,
 ): Promise<PaginatedData<User>> {
   console.log('fetchUsers', filtersAndPagination)
   const {
@@ -52,8 +52,8 @@ export async function fetchUsers(
     })
   }
 
-  const filteredData = requestedData.filter(user => {
-    return Object.keys(filters).every(key => {
+  const filteredData = requestedData.filter((user) => {
+    return Object.keys(filters).every((key) => {
       const filter = filters[key as keyof User]
       if (filter === undefined || filter === '') return true
 
@@ -64,12 +64,12 @@ export async function fetchUsers(
     })
   })
 
-  await new Promise(resolve => setTimeout(resolve, 100))
+  await new Promise((resolve) => setTimeout(resolve, 100))
 
   return {
     result: filteredData.slice(
       pageIndex * pageSize,
-      (pageIndex + 1) * pageSize
+      (pageIndex + 1) * pageSize,
     ),
     rowCount: filteredData.length,
   }
diff --git a/examples/react/query-router-search-params/src/components/debouncedInput.tsx b/examples/react/query-router-search-params/src/components/debouncedInput.tsx
index 8097555524..38ecd1dd4d 100644
--- a/examples/react/query-router-search-params/src/components/debouncedInput.tsx
+++ b/examples/react/query-router-search-params/src/components/debouncedInput.tsx
@@ -29,7 +29,7 @@ export function DebouncedInput({
     <input
       {...props}
       value={value ?? ''}
-      onChange={e => {
+      onChange={(e) => {
         if (e.target.value === '') return setValue('')
         if (props.type === 'number') {
           setValue(e.target.valueAsNumber)
diff --git a/examples/react/query-router-search-params/src/components/table.tsx b/examples/react/query-router-search-params/src/components/table.tsx
index 03205bdd9b..7bac6e66d8 100644
--- a/examples/react/query-router-search-params/src/components/table.tsx
+++ b/examples/react/query-router-search-params/src/components/table.tsx
@@ -51,9 +51,9 @@ export default function Table<T extends Record<string, string | number>>({
     <div>
       <table>
         <thead>
-          {table.getHeaderGroups().map(headerGroup => (
+          {table.getHeaderGroups().map((headerGroup) => (
             <tr key={headerGroup.id}>
-              {headerGroup.headers.map(header => {
+              {headerGroup.headers.map((header) => {
                 const fieldMeta = header.column.columnDef.meta
                 return (
                   <th key={header.id} colSpan={header.colSpan}>
@@ -69,7 +69,7 @@ export default function Table<T extends Record<string, string | number>>({
                         >
                           {flexRender(
                             header.column.columnDef.header,
-                            header.getContext()
+                            header.getContext(),
                           )}
                           {{
                             asc: ' 🔼',
@@ -81,7 +81,7 @@ export default function Table<T extends Record<string, string | number>>({
                         fieldMeta?.filterKey !== undefined ? (
                           <DebouncedInput
                             className="w-36 border shadow rounded"
-                            onChange={value => {
+                            onChange={(value) => {
                               onFilterChange({
                                 [fieldMeta.filterKey as keyof T]: value,
                               } as Partial<T>)
@@ -104,15 +104,15 @@ export default function Table<T extends Record<string, string | number>>({
           ))}
         </thead>
         <tbody>
-          {table.getRowModel().rows.map(row => {
+          {table.getRowModel().rows.map((row) => {
             return (
               <tr key={row.id}>
-                {row.getVisibleCells().map(cell => {
+                {row.getVisibleCells().map((cell) => {
                   return (
                     <td key={cell.id}>
                       {flexRender(
                         cell.column.columnDef.cell,
-                        cell.getContext()
+                        cell.getContext(),
                       )}
                     </td>
                   )
@@ -163,7 +163,7 @@ export default function Table<T extends Record<string, string | number>>({
           <input
             type="number"
             value={table.getState().pagination.pageIndex + 1}
-            onChange={e => {
+            onChange={(e) => {
               const page = e.target.value ? Number(e.target.value) - 1 : 0
               table.setPageIndex(page)
             }}
@@ -172,11 +172,11 @@ export default function Table<T extends Record<string, string | number>>({
         </span>
         <select
           value={table.getState().pagination.pageSize}
-          onChange={e => {
+          onChange={(e) => {
             table.setPageSize(Number(e.target.value))
           }}
         >
-          {[10, 20, 30, 40, 50].map(pageSize => (
+          {[10, 20, 30, 40, 50].map((pageSize) => (
             <option key={pageSize} value={pageSize}>
               Show {pageSize}
             </option>
diff --git a/examples/react/query-router-search-params/src/hooks/useFilters.ts b/examples/react/query-router-search-params/src/hooks/useFilters.ts
index 008f047cc7..6e9fa28e0e 100644
--- a/examples/react/query-router-search-params/src/hooks/useFilters.ts
+++ b/examples/react/query-router-search-params/src/hooks/useFilters.ts
@@ -7,7 +7,7 @@ import {
 import { cleanEmptyParams } from '../utils/cleanEmptyParams'
 
 export function useFilters<T extends RouteIds<RegisteredRouter['routeTree']>>(
-  routeId: T
+  routeId: T,
 ) {
   const routeApi = getRouteApi<T>(routeId)
   const navigate = useNavigate()
@@ -16,7 +16,7 @@ export function useFilters<T extends RouteIds<RegisteredRouter['routeTree']>>(
   const setFilters = (partialFilters: Partial<typeof filters>) =>
     navigate({
       to: '.',
-      search: prev => cleanEmptyParams({ ...prev, ...partialFilters }),
+      search: (prev) => cleanEmptyParams({ ...prev, ...partialFilters }),
     })
   const resetFilters = () => navigate({ to: '.', search: {} })
 
diff --git a/examples/react/query-router-search-params/src/main.tsx b/examples/react/query-router-search-params/src/main.tsx
index 12107de5b7..a4837c6396 100644
--- a/examples/react/query-router-search-params/src/main.tsx
+++ b/examples/react/query-router-search-params/src/main.tsx
@@ -10,5 +10,5 @@ if (!rootElement) throw new Error('Failed to find the root element')
 ReactDOM.createRoot(rootElement).render(
   <React.StrictMode>
     <App />
-  </React.StrictMode>
+  </React.StrictMode>,
 )
diff --git a/examples/react/query-router-search-params/src/routes/index.tsx b/examples/react/query-router-search-params/src/routes/index.tsx
index b13338f4db..5e3b5c7cb1 100644
--- a/examples/react/query-router-search-params/src/routes/index.tsx
+++ b/examples/react/query-router-search-params/src/routes/index.tsx
@@ -41,19 +41,19 @@ function UsersPage() {
         columns={columns}
         pagination={paginationState}
         paginationOptions={{
-          onPaginationChange: pagination => {
+          onPaginationChange: (pagination) => {
             setFilters(
               typeof pagination === 'function'
                 ? pagination(paginationState)
-                : pagination
+                : pagination,
             )
           },
           rowCount: data?.rowCount,
         }}
         filters={filters}
-        onFilterChange={filters => setFilters(filters)}
+        onFilterChange={(filters) => setFilters(filters)}
         sorting={sortingState}
-        onSortingChange={updaterOrValue => {
+        onSortingChange={(updaterOrValue) => {
           const newSortingState =
             typeof updaterOrValue === 'function'
               ? updaterOrValue(sortingState)
diff --git a/examples/react/query-router-search-params/src/utils/cleanEmptyParams.ts b/examples/react/query-router-search-params/src/utils/cleanEmptyParams.ts
index 83b1777817..0d9ea458aa 100644
--- a/examples/react/query-router-search-params/src/utils/cleanEmptyParams.ts
+++ b/examples/react/query-router-search-params/src/utils/cleanEmptyParams.ts
@@ -1,10 +1,10 @@
 import { DEFAULT_PAGE_INDEX, DEFAULT_PAGE_SIZE } from '../components/table'
 
 export const cleanEmptyParams = <T extends Record<string, unknown>>(
-  search: T
+  search: T,
 ) => {
   const newSearch = { ...search }
-  Object.keys(newSearch).forEach(key => {
+  Object.keys(newSearch).forEach((key) => {
     const value = newSearch[key]
     if (
       value === undefined ||
diff --git a/examples/react/row-dnd/src/main.tsx b/examples/react/row-dnd/src/main.tsx
index c8f3e23b00..c358eaae59 100644
--- a/examples/react/row-dnd/src/main.tsx
+++ b/examples/react/row-dnd/src/main.tsx
@@ -64,7 +64,7 @@ const DraggableRow = ({ row }: { row: Row<Person> }) => {
   return (
     // connect row ref to dnd-kit, apply important styles
     <tr ref={setNodeRef} style={style}>
-      {row.getVisibleCells().map(cell => (
+      {row.getVisibleCells().map((cell) => (
         <td key={cell.id} style={{ width: cell.column.getSize() }}>
           {flexRender(cell.column.columnDef.cell, cell.getContext())}
         </td>
@@ -86,12 +86,12 @@ function App() {
       },
       {
         accessorKey: 'firstName',
-        cell: info => info.getValue(),
+        cell: (info) => info.getValue(),
       },
       {
-        accessorFn: row => row.lastName,
+        accessorFn: (row) => row.lastName,
         id: 'lastName',
-        cell: info => info.getValue(),
+        cell: (info) => info.getValue(),
         header: () => <span>Last Name</span>,
       },
       {
@@ -111,13 +111,13 @@ function App() {
         header: 'Profile Progress',
       },
     ],
-    []
+    [],
   )
   const [data, setData] = React.useState(() => makeData(20))
 
   const dataIds = React.useMemo<UniqueIdentifier[]>(
     () => data?.map(({ userId }) => userId),
-    [data]
+    [data],
   )
 
   const rerender = () => setData(() => makeData(20))
@@ -126,7 +126,7 @@ function App() {
     data,
     columns,
     getCoreRowModel: getCoreRowModel(),
-    getRowId: row => row.userId, //required because row indexes will change
+    getRowId: (row) => row.userId, //required because row indexes will change
     debugTable: true,
     debugHeaders: true,
     debugColumns: true,
@@ -136,7 +136,7 @@ function App() {
   function handleDragEnd(event: DragEndEvent) {
     const { active, over } = event
     if (active && over && active.id !== over.id) {
-      setData(data => {
+      setData((data) => {
         const oldIndex = dataIds.indexOf(active.id)
         const newIndex = dataIds.indexOf(over.id)
         return arrayMove(data, oldIndex, newIndex) //this is just a splice util
@@ -147,7 +147,7 @@ function App() {
   const sensors = useSensors(
     useSensor(MouseSensor, {}),
     useSensor(TouchSensor, {}),
-    useSensor(KeyboardSensor, {})
+    useSensor(KeyboardSensor, {}),
   )
 
   return (
@@ -168,15 +168,15 @@ function App() {
         <div className="h-4" />
         <table>
           <thead>
-            {table.getHeaderGroups().map(headerGroup => (
+            {table.getHeaderGroups().map((headerGroup) => (
               <tr key={headerGroup.id}>
-                {headerGroup.headers.map(header => (
+                {headerGroup.headers.map((header) => (
                   <th key={header.id} colSpan={header.colSpan}>
                     {header.isPlaceholder
                       ? null
                       : flexRender(
                           header.column.columnDef.header,
-                          header.getContext()
+                          header.getContext(),
                         )}
                   </th>
                 ))}
@@ -188,7 +188,7 @@ function App() {
               items={dataIds}
               strategy={verticalListSortingStrategy}
             >
-              {table.getRowModel().rows.map(row => (
+              {table.getRowModel().rows.map((row) => (
                 <DraggableRow key={row.id} row={row} />
               ))}
             </SortableContext>
@@ -206,5 +206,5 @@ if (!rootElement) throw new Error('Failed to find the root element')
 ReactDOM.createRoot(rootElement).render(
   <React.StrictMode>
     <App />
-  </React.StrictMode>
+  </React.StrictMode>,
 )
diff --git a/examples/react/row-pinning/src/main.tsx b/examples/react/row-pinning/src/main.tsx
index 0c93f2b37b..79e046733a 100644
--- a/examples/react/row-pinning/src/main.tsx
+++ b/examples/react/row-pinning/src/main.tsx
@@ -108,12 +108,12 @@ function App() {
             </>
           </div>
         ),
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       },
       {
-        accessorFn: row => row.lastName,
+        accessorFn: (row) => row.lastName,
         id: 'lastName',
-        cell: info => info.getValue(),
+        cell: (info) => info.getValue(),
         header: () => <span>Last Name</span>,
       },
       {
@@ -136,7 +136,7 @@ function App() {
         size: 80,
       },
     ],
-    [includeLeafRows, includeParentRows]
+    [includeLeafRows, includeParentRows],
   )
 
   const [data, setData] = React.useState(() => makeData(1000, 2, 2))
@@ -152,7 +152,7 @@ function App() {
     },
     onExpandedChange: setExpanded,
     onRowPinningChange: setRowPinning,
-    getSubRows: row => row.subRows,
+    getSubRows: (row) => row.subRows,
     getCoreRowModel: getCoreRowModel(),
     getFilteredRowModel: getFilteredRowModel(),
     getExpandedRowModel: getExpandedRowModel(),
@@ -167,16 +167,16 @@ function App() {
         <div className="h-2" />
         <table>
           <thead>
-            {table.getHeaderGroups().map(headerGroup => (
+            {table.getHeaderGroups().map((headerGroup) => (
               <tr key={headerGroup.id}>
-                {headerGroup.headers.map(header => {
+                {headerGroup.headers.map((header) => {
                   return (
                     <th key={header.id} colSpan={header.colSpan}>
                       {header.isPlaceholder ? null : (
                         <>
                           {flexRender(
                             header.column.columnDef.header,
-                            header.getContext()
+                            header.getContext(),
                           )}
                           {header.column.getCanFilter() ? (
                             <div>
@@ -192,21 +192,21 @@ function App() {
             ))}
           </thead>
           <tbody>
-            {table.getTopRows().map(row => (
+            {table.getTopRows().map((row) => (
               <PinnedRow key={row.id} row={row} table={table} />
             ))}
             {(copyPinnedRows
               ? table.getRowModel().rows
               : table.getCenterRows()
-            ).map(row => {
+            ).map((row) => {
               return (
                 <tr key={row.id}>
-                  {row.getVisibleCells().map(cell => {
+                  {row.getVisibleCells().map((cell) => {
                     return (
                       <td key={cell.id}>
                         {flexRender(
                           cell.column.columnDef.cell,
-                          cell.getContext()
+                          cell.getContext(),
                         )}
                       </td>
                     )
@@ -214,7 +214,7 @@ function App() {
                 </tr>
               )
             })}
-            {table.getBottomRows().map(row => (
+            {table.getBottomRows().map((row) => (
               <PinnedRow key={row.id} row={row} table={table} />
             ))}
           </tbody>
@@ -265,7 +265,7 @@ function App() {
             min="1"
             max={table.getPageCount()}
             defaultValue={table.getState().pagination.pageIndex + 1}
-            onChange={e => {
+            onChange={(e) => {
               const page = e.target.value ? Number(e.target.value) - 1 : 0
               table.setPageIndex(page)
             }}
@@ -274,11 +274,11 @@ function App() {
         </span>
         <select
           value={table.getState().pagination.pageSize}
-          onChange={e => {
+          onChange={(e) => {
             table.setPageSize(Number(e.target.value))
           }}
         >
-          {[10, 20, 30, 40, 50].map(pageSize => (
+          {[10, 20, 30, 40, 50].map((pageSize) => (
             <option key={pageSize} value={pageSize}>
               Show {pageSize}
             </option>
@@ -362,7 +362,7 @@ function PinnedRow({ row, table }: { row: Row<any>; table: Table<any> }) {
             : undefined,
       }}
     >
-      {row.getVisibleCells().map(cell => {
+      {row.getVisibleCells().map((cell) => {
         return (
           <td key={cell.id}>
             {flexRender(cell.column.columnDef.cell, cell.getContext())}
@@ -389,7 +389,7 @@ function Filter({
       <input
         type="number"
         value={((column.getFilterValue() as any)?.[0] ?? '') as string}
-        onChange={e =>
+        onChange={(e) =>
           column.setFilterValue((old: any) => [e.target.value, old?.[1]])
         }
         placeholder={`Min`}
@@ -398,7 +398,7 @@ function Filter({
       <input
         type="number"
         value={((column.getFilterValue() as any)?.[1] ?? '') as string}
-        onChange={e =>
+        onChange={(e) =>
           column.setFilterValue((old: any) => [old?.[0], e.target.value])
         }
         placeholder={`Max`}
@@ -409,7 +409,7 @@ function Filter({
     <input
       type="text"
       value={(column.getFilterValue() ?? '') as string}
-      onChange={e => column.setFilterValue(e.target.value)}
+      onChange={(e) => column.setFilterValue(e.target.value)}
       placeholder={`Search...`}
       className="w-36 border shadow rounded"
     />
@@ -422,5 +422,5 @@ if (!rootElement) throw new Error('Failed to find the root element')
 ReactDOM.createRoot(rootElement).render(
   <React.StrictMode>
     <App />
-  </React.StrictMode>
+  </React.StrictMode>,
 )
diff --git a/examples/react/row-selection/src/main.tsx b/examples/react/row-selection/src/main.tsx
index 03c1e12bf5..f8abf7b0dc 100644
--- a/examples/react/row-selection/src/main.tsx
+++ b/examples/react/row-selection/src/main.tsx
@@ -50,30 +50,30 @@ function App() {
       },
       {
         header: 'Name',
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
         columns: [
           {
             accessorKey: 'firstName',
-            cell: info => info.getValue(),
-            footer: props => props.column.id,
+            cell: (info) => info.getValue(),
+            footer: (props) => props.column.id,
           },
           {
-            accessorFn: row => row.lastName,
+            accessorFn: (row) => row.lastName,
             id: 'lastName',
-            cell: info => info.getValue(),
+            cell: (info) => info.getValue(),
             header: () => <span>Last Name</span>,
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           },
         ],
       },
       {
         header: 'Info',
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
         columns: [
           {
             accessorKey: 'age',
             header: () => 'Age',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           },
           {
             header: 'More Info',
@@ -81,24 +81,24 @@ function App() {
               {
                 accessorKey: 'visits',
                 header: () => <span>Visits</span>,
-                footer: props => props.column.id,
+                footer: (props) => props.column.id,
               },
               {
                 accessorKey: 'status',
                 header: 'Status',
-                footer: props => props.column.id,
+                footer: (props) => props.column.id,
               },
               {
                 accessorKey: 'progress',
                 header: 'Profile Progress',
-                footer: props => props.column.id,
+                footer: (props) => props.column.id,
               },
             ],
           },
         ],
       },
     ],
-    []
+    [],
   )
 
   const [data, setData] = React.useState(() => makeData(100000))
@@ -124,7 +124,7 @@ function App() {
       <div>
         <input
           value={globalFilter ?? ''}
-          onChange={e => setGlobalFilter(e.target.value)}
+          onChange={(e) => setGlobalFilter(e.target.value)}
           className="p-2 font-lg shadow border border-block"
           placeholder="Search all columns..."
         />
@@ -132,16 +132,16 @@ function App() {
       <div className="h-2" />
       <table>
         <thead>
-          {table.getHeaderGroups().map(headerGroup => (
+          {table.getHeaderGroups().map((headerGroup) => (
             <tr key={headerGroup.id}>
-              {headerGroup.headers.map(header => {
+              {headerGroup.headers.map((header) => {
                 return (
                   <th key={header.id} colSpan={header.colSpan}>
                     {header.isPlaceholder ? null : (
                       <>
                         {flexRender(
                           header.column.columnDef.header,
-                          header.getContext()
+                          header.getContext(),
                         )}
                         {header.column.getCanFilter() ? (
                           <div>
@@ -157,15 +157,15 @@ function App() {
           ))}
         </thead>
         <tbody>
-          {table.getRowModel().rows.map(row => {
+          {table.getRowModel().rows.map((row) => {
             return (
               <tr key={row.id}>
-                {row.getVisibleCells().map(cell => {
+                {row.getVisibleCells().map((cell) => {
                   return (
                     <td key={cell.id}>
                       {flexRender(
                         cell.column.columnDef.cell,
-                        cell.getContext()
+                        cell.getContext(),
                       )}
                     </td>
                   )
@@ -233,7 +233,7 @@ function App() {
             min="1"
             max={table.getPageCount()}
             defaultValue={table.getState().pagination.pageIndex + 1}
-            onChange={e => {
+            onChange={(e) => {
               const page = e.target.value ? Number(e.target.value) - 1 : 0
               table.setPageIndex(page)
             }}
@@ -242,11 +242,11 @@ function App() {
         </span>
         <select
           value={table.getState().pagination.pageSize}
-          onChange={e => {
+          onChange={(e) => {
             table.setPageSize(Number(e.target.value))
           }}
         >
-          {[10, 20, 30, 40, 50].map(pageSize => (
+          {[10, 20, 30, 40, 50].map((pageSize) => (
             <option key={pageSize} value={pageSize}>
               Show {pageSize}
             </option>
@@ -279,7 +279,7 @@ function App() {
           onClick={() =>
             console.info(
               'table.getSelectedRowModel().flatRows',
-              table.getSelectedRowModel().flatRows
+              table.getSelectedRowModel().flatRows,
             )
           }
         >
@@ -310,7 +310,7 @@ function Filter({
       <input
         type="number"
         value={((column.getFilterValue() as any)?.[0] ?? '') as string}
-        onChange={e =>
+        onChange={(e) =>
           column.setFilterValue((old: any) => [e.target.value, old?.[1]])
         }
         placeholder={`Min`}
@@ -319,7 +319,7 @@ function Filter({
       <input
         type="number"
         value={((column.getFilterValue() as any)?.[1] ?? '') as string}
-        onChange={e =>
+        onChange={(e) =>
           column.setFilterValue((old: any) => [old?.[0], e.target.value])
         }
         placeholder={`Max`}
@@ -330,7 +330,7 @@ function Filter({
     <input
       type="text"
       value={(column.getFilterValue() ?? '') as string}
-      onChange={e => column.setFilterValue(e.target.value)}
+      onChange={(e) => column.setFilterValue(e.target.value)}
       placeholder={`Search...`}
       className="w-36 border shadow rounded"
     />
@@ -366,5 +366,5 @@ if (!rootElement) throw new Error('Failed to find the root element')
 ReactDOM.createRoot(rootElement).render(
   <React.StrictMode>
     <App />
-  </React.StrictMode>
+  </React.StrictMode>,
 )
diff --git a/examples/react/sorting/src/main.tsx b/examples/react/sorting/src/main.tsx
index 3a5ba39de4..e8629efb07 100644
--- a/examples/react/sorting/src/main.tsx
+++ b/examples/react/sorting/src/main.tsx
@@ -31,13 +31,13 @@ function App() {
     () => [
       {
         accessorKey: 'firstName',
-        cell: info => info.getValue(),
+        cell: (info) => info.getValue(),
         //this column will sort in ascending order by default since it is a string column
       },
       {
-        accessorFn: row => row.lastName,
+        accessorFn: (row) => row.lastName,
         id: 'lastName',
-        cell: info => info.getValue(),
+        cell: (info) => info.getValue(),
         header: () => <span>Last Name</span>,
         sortUndefined: 'last', //force undefined values to the end
         sortDescFirst: false, //first sort order will be ascending (nullable values can mess up auto detection of sort order)
@@ -73,7 +73,7 @@ function App() {
         // sortingFn: 'datetime' //make sure table knows this is a datetime column (usually can detect if no null values)
       },
     ],
-    []
+    [],
   )
 
   const [data, setData] = React.useState(() => makeData(1_000))
@@ -109,9 +109,9 @@ function App() {
       <div className="h-2" />
       <table>
         <thead>
-          {table.getHeaderGroups().map(headerGroup => (
+          {table.getHeaderGroups().map((headerGroup) => (
             <tr key={headerGroup.id}>
-              {headerGroup.headers.map(header => {
+              {headerGroup.headers.map((header) => {
                 return (
                   <th key={header.id} colSpan={header.colSpan}>
                     {header.isPlaceholder ? null : (
@@ -134,7 +134,7 @@ function App() {
                       >
                         {flexRender(
                           header.column.columnDef.header,
-                          header.getContext()
+                          header.getContext(),
                         )}
                         {{
                           asc: ' 🔼',
@@ -152,15 +152,15 @@ function App() {
           {table
             .getRowModel()
             .rows.slice(0, 10)
-            .map(row => {
+            .map((row) => {
               return (
                 <tr key={row.id}>
-                  {row.getVisibleCells().map(cell => {
+                  {row.getVisibleCells().map((cell) => {
                     return (
                       <td key={cell.id}>
                         {flexRender(
                           cell.column.columnDef.cell,
-                          cell.getContext()
+                          cell.getContext(),
                         )}
                       </td>
                     )
@@ -189,5 +189,5 @@ if (!rootElement) throw new Error('Failed to find the root element')
 ReactDOM.createRoot(rootElement).render(
   <React.StrictMode>
     <App />
-  </React.StrictMode>
+  </React.StrictMode>,
 )
diff --git a/examples/react/sub-components/src/main.tsx b/examples/react/sub-components/src/main.tsx
index 4890d12c5d..db9242ca9c 100644
--- a/examples/react/sub-components/src/main.tsx
+++ b/examples/react/sub-components/src/main.tsx
@@ -16,7 +16,7 @@ import { makeData, Person } from './makeData'
 const columns: ColumnDef<Person>[] = [
   {
     header: 'Name',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
     columns: [
       {
         id: 'expander',
@@ -52,25 +52,25 @@ const columns: ColumnDef<Person>[] = [
             {getValue<string>()}
           </div>
         ),
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       },
       {
-        accessorFn: row => row.lastName,
+        accessorFn: (row) => row.lastName,
         id: 'lastName',
-        cell: info => info.getValue(),
+        cell: (info) => info.getValue(),
         header: () => <span>Last Name</span>,
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       },
     ],
   },
   {
     header: 'Info',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
     columns: [
       {
         accessorKey: 'age',
         header: () => 'Age',
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       },
       {
         header: 'More Info',
@@ -78,17 +78,17 @@ const columns: ColumnDef<Person>[] = [
           {
             accessorKey: 'visits',
             header: () => <span>Visits</span>,
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           },
           {
             accessorKey: 'status',
             header: 'Status',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           },
           {
             accessorKey: 'progress',
             header: 'Profile Progress',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           },
         ],
       },
@@ -122,16 +122,16 @@ function Table({
       <div className="h-2" />
       <table>
         <thead>
-          {table.getHeaderGroups().map(headerGroup => (
+          {table.getHeaderGroups().map((headerGroup) => (
             <tr key={headerGroup.id}>
-              {headerGroup.headers.map(header => {
+              {headerGroup.headers.map((header) => {
                 return (
                   <th key={header.id} colSpan={header.colSpan}>
                     {header.isPlaceholder ? null : (
                       <div>
                         {flexRender(
                           header.column.columnDef.header,
-                          header.getContext()
+                          header.getContext(),
                         )}
                       </div>
                     )}
@@ -142,17 +142,17 @@ function Table({
           ))}
         </thead>
         <tbody>
-          {table.getRowModel().rows.map(row => {
+          {table.getRowModel().rows.map((row) => {
             return (
               <Fragment key={row.id}>
                 <tr>
                   {/* first row is a normal row */}
-                  {row.getVisibleCells().map(cell => {
+                  {row.getVisibleCells().map((cell) => {
                     return (
                       <td key={cell.id}>
                         {flexRender(
                           cell.column.columnDef.cell,
-                          cell.getContext()
+                          cell.getContext(),
                         )}
                       </td>
                     )
@@ -204,5 +204,5 @@ if (!rootElement) throw new Error('Failed to find the root element')
 ReactDOM.createRoot(rootElement).render(
   <React.StrictMode>
     <App />
-  </React.StrictMode>
+  </React.StrictMode>,
 )
diff --git a/examples/react/virtualized-columns-experimental/src/main.tsx b/examples/react/virtualized-columns-experimental/src/main.tsx
index 5b1713dd04..568b8159d7 100644
--- a/examples/react/virtualized-columns-experimental/src/main.tsx
+++ b/examples/react/virtualized-columns-experimental/src/main.tsx
@@ -20,7 +20,7 @@ import { makeColumns, makeData, Person } from './makeData'
 function App() {
   const columns = React.useMemo<ColumnDef<Person>[]>(
     () => makeColumns(1_000),
-    []
+    [],
   )
 
   const [data, setData] = React.useState(() => makeData(1_000, columns))
@@ -79,11 +79,11 @@ function TableContainer({ table }: TableContainerProps) {
     HTMLTableCellElement
   >({
     count: visibleColumns.length,
-    estimateSize: index => visibleColumns[index].getSize(), //estimate width of each column for accurate scrollbar dragging
+    estimateSize: (index) => visibleColumns[index].getSize(), //estimate width of each column for accurate scrollbar dragging
     getScrollElement: () => tableContainerRef.current,
     horizontal: true,
     overscan: 3, //how many columns to render on each side off screen each way (adjust this for performance)
-    onChange: instance => {
+    onChange: (instance) => {
       // requestAnimationFrame(() => {
       const virtualColumns = instance.getVirtualItems()
       // different virtualization strategy for columns - instead of absolute and translateY, we add empty columns to the left and right
@@ -94,11 +94,11 @@ function TableContainer({ table }: TableContainerProps) {
 
       tableContainerRef.current?.style.setProperty(
         '--virtual-padding-left',
-        `${virtualPaddingLeft}px`
+        `${virtualPaddingLeft}px`,
       )
       tableContainerRef.current?.style.setProperty(
         '--virtual-padding-right',
-        `${virtualPaddingRight}px`
+        `${virtualPaddingRight}px`,
       )
       // })
     },
@@ -142,7 +142,7 @@ function TableHead({ table, columnVirtualizer }: TableHeadProps) {
         zIndex: 1,
       }}
     >
-      {table.getHeaderGroups().map(headerGroup => (
+      {table.getHeaderGroups().map((headerGroup) => (
         <TableHeadRow
           columnVirtualizer={columnVirtualizer}
           key={headerGroup.id}
@@ -165,7 +165,7 @@ function TableHeadRow({ columnVirtualizer, headerGroup }: TableHeadRowProps) {
     <tr key={headerGroup.id} style={{ display: 'flex', width: '100%' }}>
       {/* fake empty column to the left for virtualization scroll padding */}
       <th className="left-column-spacer" />
-      {virtualColumnIndexes.map(virtualColumnIndex => {
+      {virtualColumnIndexes.map((virtualColumnIndex) => {
         const header = headerGroup.headers[virtualColumnIndex]
         return (
           <TableHeadCellMemo
@@ -218,7 +218,7 @@ function TableHeadCell({
 
 const TableHeadCellMemo = React.memo(
   TableHeadCell,
-  (_prev, next) => next.columnVirtualizer.isScrolling
+  (_prev, next) => next.columnVirtualizer.isScrolling,
 ) as typeof TableHeadCell
 
 interface TableBodyProps {
@@ -246,13 +246,13 @@ function TableBody({
     measureElement:
       typeof window !== 'undefined' &&
       navigator.userAgent.indexOf('Firefox') === -1
-        ? element => element?.getBoundingClientRect().height
+        ? (element) => element?.getBoundingClientRect().height
         : undefined,
     overscan: 5,
-    onChange: instance => {
+    onChange: (instance) => {
       // requestAnimationFrame(() => {
       tableBodyRef.current!.style.height = `${instance.getTotalSize()}px`
-      instance.getVirtualItems().forEach(virtualRow => {
+      instance.getVirtualItems().forEach((virtualRow) => {
         const rowRef = rowRefsMap.current.get(virtualRow.index)
         if (!rowRef) return
         rowRef.style.transform = `translateY(${virtualRow.start}px)`
@@ -275,7 +275,7 @@ function TableBody({
         position: 'relative', //needed for absolute positioning of rows
       }}
     >
-      {virtualRowIndexes.map(virtualRowIndex => {
+      {virtualRowIndexes.map((virtualRowIndex) => {
         const row = rows[virtualRowIndex] as Row<Person>
 
         return (
@@ -314,7 +314,7 @@ function TableBodyRow({
   return (
     <tr
       data-index={virtualRowIndex} //needed for dynamic row height measurement
-      ref={node => {
+      ref={(node) => {
         if (node) {
           rowVirtualizer.measureElement(node)
           rowRefsMap.current.set(virtualRowIndex, node)
@@ -329,7 +329,7 @@ function TableBodyRow({
     >
       {/* fake empty column to the left for virtualization scroll padding */}
       <td className="left-column-spacer" />
-      {virtualColumnIndexes.map(virtualColumnIndex => {
+      {virtualColumnIndexes.map((virtualColumnIndex) => {
         const cell = visibleCells[virtualColumnIndex]
         return (
           <TableBodyCellMemo
@@ -375,7 +375,7 @@ function TableBodyCell({
 
 const TableBodyCellMemo = React.memo(
   TableBodyCell,
-  (_prev, next) => next.columnVirtualizer.isScrolling
+  (_prev, next) => next.columnVirtualizer.isScrolling,
 ) as typeof TableBodyCell
 
 const rootElement = document.getElementById('root')
@@ -385,5 +385,5 @@ if (!rootElement) throw new Error('Failed to find the root element')
 ReactDOM.createRoot(rootElement).render(
   <React.StrictMode>
     <App />
-  </React.StrictMode>
+  </React.StrictMode>,
 )
diff --git a/examples/react/virtualized-columns-experimental/src/makeData.ts b/examples/react/virtualized-columns-experimental/src/makeData.ts
index 3fde072d12..2d45800b12 100644
--- a/examples/react/virtualized-columns-experimental/src/makeData.ts
+++ b/examples/react/virtualized-columns-experimental/src/makeData.ts
@@ -1,6 +1,6 @@
 import { faker } from '@faker-js/faker'
 
-export const makeColumns = num =>
+export const makeColumns = (num) =>
   [...Array(num)].map((_, i) => {
     return {
       accessorKey: i.toString(),
@@ -12,7 +12,7 @@ export const makeColumns = num =>
 export const makeData = (num, columns) =>
   [...Array(num)].map(() => ({
     ...Object.fromEntries(
-      columns.map(col => [col.accessorKey, faker.person.firstName()])
+      columns.map((col) => [col.accessorKey, faker.person.firstName()]),
     ),
   }))
 
diff --git a/examples/react/virtualized-columns/src/main.tsx b/examples/react/virtualized-columns/src/main.tsx
index 13076d02b0..1b52ff46b2 100644
--- a/examples/react/virtualized-columns/src/main.tsx
+++ b/examples/react/virtualized-columns/src/main.tsx
@@ -23,7 +23,7 @@ import { makeColumns, makeData, Person } from './makeData'
 function App() {
   const columns = React.useMemo<ColumnDef<Person>[]>(
     () => makeColumns(1_000),
-    []
+    [],
   )
 
   const [data, setData] = React.useState(() => makeData(1_000, columns))
@@ -74,7 +74,7 @@ function TableContainer({ table }: TableContainerProps) {
     HTMLTableCellElement
   >({
     count: visibleColumns.length,
-    estimateSize: index => visibleColumns[index].getSize(), //estimate width of each column for accurate scrollbar dragging
+    estimateSize: (index) => visibleColumns[index].getSize(), //estimate width of each column for accurate scrollbar dragging
     getScrollElement: () => tableContainerRef.current,
     horizontal: true,
     overscan: 3, //how many columns to render on each side off screen each way (adjust this for performance)
@@ -145,7 +145,7 @@ function TableHead({
         zIndex: 1,
       }}
     >
-      {table.getHeaderGroups().map(headerGroup => (
+      {table.getHeaderGroups().map((headerGroup) => (
         <TableHeadRow
           columnVirtualizer={columnVirtualizer}
           headerGroup={headerGroup}
@@ -178,7 +178,7 @@ function TableHeadRow({
         //fake empty column to the left for virtualization scroll padding
         <th style={{ display: 'flex', width: virtualPaddingLeft }} />
       ) : null}
-      {virtualColumns.map(virtualColumn => {
+      {virtualColumns.map((virtualColumn) => {
         const header = headerGroup.headers[virtualColumn.index]
         return <TableHeadCell key={header.id} header={header} />
       })}
@@ -247,7 +247,7 @@ function TableBody({
     measureElement:
       typeof window !== 'undefined' &&
       navigator.userAgent.indexOf('Firefox') === -1
-        ? element => element?.getBoundingClientRect().height
+        ? (element) => element?.getBoundingClientRect().height
         : undefined,
     overscan: 5,
   })
@@ -262,7 +262,7 @@ function TableBody({
         position: 'relative', //needed for absolute positioning of rows
       }}
     >
-      {virtualRows.map(virtualRow => {
+      {virtualRows.map((virtualRow) => {
         const row = rows[virtualRow.index] as Row<Person>
 
         return (
@@ -303,7 +303,7 @@ function TableBodyRow({
   return (
     <tr
       data-index={virtualRow.index} //needed for dynamic row height measurement
-      ref={node => rowVirtualizer.measureElement(node)} //measure dynamic row height
+      ref={(node) => rowVirtualizer.measureElement(node)} //measure dynamic row height
       key={row.id}
       style={{
         display: 'flex',
@@ -316,7 +316,7 @@ function TableBodyRow({
         //fake empty column to the left for virtualization scroll padding
         <td style={{ display: 'flex', width: virtualPaddingLeft }} />
       ) : null}
-      {virtualColumns.map(vc => {
+      {virtualColumns.map((vc) => {
         const cell = visibleCells[vc.index]
         return <TableBodyCell key={cell.id} cell={cell} />
       })}
@@ -353,5 +353,5 @@ if (!rootElement) throw new Error('Failed to find the root element')
 ReactDOM.createRoot(rootElement).render(
   <React.StrictMode>
     <App />
-  </React.StrictMode>
+  </React.StrictMode>,
 )
diff --git a/examples/react/virtualized-columns/src/makeData.ts b/examples/react/virtualized-columns/src/makeData.ts
index 3fde072d12..2d45800b12 100644
--- a/examples/react/virtualized-columns/src/makeData.ts
+++ b/examples/react/virtualized-columns/src/makeData.ts
@@ -1,6 +1,6 @@
 import { faker } from '@faker-js/faker'
 
-export const makeColumns = num =>
+export const makeColumns = (num) =>
   [...Array(num)].map((_, i) => {
     return {
       accessorKey: i.toString(),
@@ -12,7 +12,7 @@ export const makeColumns = num =>
 export const makeData = (num, columns) =>
   [...Array(num)].map(() => ({
     ...Object.fromEntries(
-      columns.map(col => [col.accessorKey, faker.person.firstName()])
+      columns.map((col) => [col.accessorKey, faker.person.firstName()]),
     ),
   }))
 
diff --git a/examples/react/virtualized-infinite-scrolling/src/main.tsx b/examples/react/virtualized-infinite-scrolling/src/main.tsx
index 2042e8e38e..42e8d52e49 100644
--- a/examples/react/virtualized-infinite-scrolling/src/main.tsx
+++ b/examples/react/virtualized-infinite-scrolling/src/main.tsx
@@ -41,12 +41,12 @@ function App() {
       },
       {
         accessorKey: 'firstName',
-        cell: info => info.getValue(),
+        cell: (info) => info.getValue(),
       },
       {
-        accessorFn: row => row.lastName,
+        accessorFn: (row) => row.lastName,
         id: 'lastName',
-        cell: info => info.getValue(),
+        cell: (info) => info.getValue(),
         header: () => <span>Last Name</span>,
       },
       {
@@ -71,11 +71,11 @@ function App() {
       {
         accessorKey: 'createdAt',
         header: 'Created At',
-        cell: info => info.getValue<Date>().toLocaleString(),
+        cell: (info) => info.getValue<Date>().toLocaleString(),
         size: 200,
       },
     ],
-    []
+    [],
   )
 
   //react-query has a useInfiniteQuery hook that is perfect for this use case
@@ -98,8 +98,8 @@ function App() {
 
   //flatten the array of arrays from the useInfiniteQuery hook
   const flatData = React.useMemo(
-    () => data?.pages?.flatMap(page => page.data) ?? [],
-    [data]
+    () => data?.pages?.flatMap((page) => page.data) ?? [],
+    [data],
   )
   const totalDBRowCount = data?.pages?.[0]?.meta?.totalRowCount ?? 0
   const totalFetched = flatData.length
@@ -119,7 +119,7 @@ function App() {
         }
       }
     },
-    [fetchNextPage, isFetching, totalFetched, totalDBRowCount]
+    [fetchNextPage, isFetching, totalFetched, totalDBRowCount],
   )
 
   //a check on mount and after a fetch to see if the table is already scrolled to the bottom and immediately needs to fetch more data
@@ -140,7 +140,7 @@ function App() {
   })
 
   //scroll to top of table when sorting changes
-  const handleSortingChange: OnChangeFn<SortingState> = updater => {
+  const handleSortingChange: OnChangeFn<SortingState> = (updater) => {
     setSorting(updater)
     if (!!table.getRowModel().rows.length) {
       rowVirtualizer.scrollToIndex?.(0)
@@ -148,7 +148,7 @@ function App() {
   }
 
   //since this table option is derived from table row model state, we're using the table.setOptions utility
-  table.setOptions(prev => ({
+  table.setOptions((prev) => ({
     ...prev,
     onSortingChange: handleSortingChange,
   }))
@@ -163,7 +163,7 @@ function App() {
     measureElement:
       typeof window !== 'undefined' &&
       navigator.userAgent.indexOf('Firefox') === -1
-        ? element => element?.getBoundingClientRect().height
+        ? (element) => element?.getBoundingClientRect().height
         : undefined,
     overscan: 5,
   })
@@ -184,7 +184,7 @@ function App() {
       ({flatData.length} of {totalDBRowCount} rows fetched)
       <div
         className="container"
-        onScroll={e => fetchMoreOnBottomReached(e.currentTarget)}
+        onScroll={(e) => fetchMoreOnBottomReached(e.currentTarget)}
         ref={tableContainerRef}
         style={{
           overflow: 'auto', //our scrollable table container
@@ -202,12 +202,12 @@ function App() {
               zIndex: 1,
             }}
           >
-            {table.getHeaderGroups().map(headerGroup => (
+            {table.getHeaderGroups().map((headerGroup) => (
               <tr
                 key={headerGroup.id}
                 style={{ display: 'flex', width: '100%' }}
               >
-                {headerGroup.headers.map(header => {
+                {headerGroup.headers.map((header) => {
                   return (
                     <th
                       key={header.id}
@@ -226,7 +226,7 @@ function App() {
                       >
                         {flexRender(
                           header.column.columnDef.header,
-                          header.getContext()
+                          header.getContext(),
                         )}
                         {{
                           asc: ' 🔼',
@@ -246,12 +246,12 @@ function App() {
               position: 'relative', //needed for absolute positioning of rows
             }}
           >
-            {rowVirtualizer.getVirtualItems().map(virtualRow => {
+            {rowVirtualizer.getVirtualItems().map((virtualRow) => {
               const row = rows[virtualRow.index] as Row<Person>
               return (
                 <tr
                   data-index={virtualRow.index} //needed for dynamic row height measurement
-                  ref={node => rowVirtualizer.measureElement(node)} //measure dynamic row height
+                  ref={(node) => rowVirtualizer.measureElement(node)} //measure dynamic row height
                   key={row.id}
                   style={{
                     display: 'flex',
@@ -260,7 +260,7 @@ function App() {
                     width: '100%',
                   }}
                 >
-                  {row.getVisibleCells().map(cell => {
+                  {row.getVisibleCells().map((cell) => {
                     return (
                       <td
                         key={cell.id}
@@ -271,7 +271,7 @@ function App() {
                       >
                         {flexRender(
                           cell.column.columnDef.cell,
-                          cell.getContext()
+                          cell.getContext(),
                         )}
                       </td>
                     )
@@ -298,5 +298,5 @@ ReactDOM.createRoot(rootElement).render(
     <QueryClientProvider client={queryClient}>
       <App />
     </QueryClientProvider>
-  </React.StrictMode>
+  </React.StrictMode>,
 )
diff --git a/examples/react/virtualized-infinite-scrolling/src/makeData.ts b/examples/react/virtualized-infinite-scrolling/src/makeData.ts
index 57ed8a1071..fb8292e642 100644
--- a/examples/react/virtualized-infinite-scrolling/src/makeData.ts
+++ b/examples/react/virtualized-infinite-scrolling/src/makeData.ts
@@ -63,7 +63,7 @@ const data = makeData(1000)
 export const fetchData = async (
   start: number,
   size: number,
-  sorting: SortingState
+  sorting: SortingState,
 ) => {
   const dbData = [...data]
   if (sorting.length) {
@@ -78,7 +78,7 @@ export const fetchData = async (
   }
 
   //simulate a backend api
-  await new Promise(resolve => setTimeout(resolve, 200))
+  await new Promise((resolve) => setTimeout(resolve, 200))
 
   return {
     data: dbData.slice(start, start + size),
diff --git a/examples/react/virtualized-rows-experimental/src/main.tsx b/examples/react/virtualized-rows-experimental/src/main.tsx
index 49d141fc96..216917db90 100644
--- a/examples/react/virtualized-rows-experimental/src/main.tsx
+++ b/examples/react/virtualized-rows-experimental/src/main.tsx
@@ -27,12 +27,12 @@ function App() {
       },
       {
         accessorKey: 'firstName',
-        cell: info => info.getValue(),
+        cell: (info) => info.getValue(),
       },
       {
-        accessorFn: row => row.lastName,
+        accessorFn: (row) => row.lastName,
         id: 'lastName',
-        cell: info => info.getValue(),
+        cell: (info) => info.getValue(),
         header: () => <span>Last Name</span>,
       },
       {
@@ -57,11 +57,11 @@ function App() {
       {
         accessorKey: 'createdAt',
         header: 'Created At',
-        cell: info => info.getValue<Date>().toLocaleString(),
+        cell: (info) => info.getValue<Date>().toLocaleString(),
         size: 250,
       },
     ],
-    []
+    [],
   )
 
   const [data, _setData] = React.useState(() => makeData(50_000))
@@ -120,12 +120,12 @@ function App() {
               zIndex: 1,
             }}
           >
-            {table.getHeaderGroups().map(headerGroup => (
+            {table.getHeaderGroups().map((headerGroup) => (
               <tr
                 key={headerGroup.id}
                 style={{ display: 'flex', width: '100%' }}
               >
-                {headerGroup.headers.map(header => {
+                {headerGroup.headers.map((header) => {
                   return (
                     <th
                       key={header.id}
@@ -144,7 +144,7 @@ function App() {
                       >
                         {flexRender(
                           header.column.columnDef.header,
-                          header.getContext()
+                          header.getContext(),
                         )}
                         {{
                           asc: ' 🔼',
@@ -185,12 +185,12 @@ function TableBodyWrapper({ table, tableContainerRef }: TableBodyWrapperProps) {
     measureElement:
       typeof window !== 'undefined' &&
       navigator.userAgent.indexOf('Firefox') === -1
-        ? element => element?.getBoundingClientRect().height
+        ? (element) => element?.getBoundingClientRect().height
         : undefined,
     overscan: 5,
-    onChange: instance => {
+    onChange: (instance) => {
       // requestAnimationFrame(() => {
-      instance.getVirtualItems().forEach(virtualRow => {
+      instance.getVirtualItems().forEach((virtualRow) => {
         const rowRef = rowRefsMap.current.get(virtualRow.index)
         if (!rowRef) return
         rowRef.style.transform = `translateY(${virtualRow.start}px)`
@@ -230,7 +230,7 @@ function TableBody({ rowVirtualizer, table, rowRefsMap }: TableBodyProps) {
         position: 'relative', // needed for absolute positioning of rows
       }}
     >
-      {virtualRowIndexes.map(virtualRowIndex => {
+      {virtualRowIndexes.map((virtualRowIndex) => {
         const row = rows[virtualRowIndex]
         return (
           <TableBodyRowMemo
@@ -262,7 +262,7 @@ function TableBodyRow({
   return (
     <tr
       data-index={virtualRowIndex} // needed for dynamic row height measurement
-      ref={node => {
+      ref={(node) => {
         if (node && typeof virtualRowIndex !== 'undefined') {
           rowVirtualizer.measureElement(node) // measure dynamic row height
           rowRefsMap.current.set(virtualRowIndex, node) // store ref for virtualizer to apply scrolling transforms
@@ -275,7 +275,7 @@ function TableBodyRow({
         width: '100%',
       }}
     >
-      {row.getVisibleCells().map(cell => {
+      {row.getVisibleCells().map((cell) => {
         return (
           <td
             key={cell.id}
@@ -295,7 +295,7 @@ function TableBodyRow({
 // test out when rows don't re-render at all (future TanStack Virtual release can make this unnecessary)
 const TableBodyRowMemo = React.memo(
   TableBodyRow,
-  (_prev, next) => next.rowVirtualizer.isScrolling
+  (_prev, next) => next.rowVirtualizer.isScrolling,
 ) as typeof TableBodyRow
 
 const rootElement = document.getElementById('root')
@@ -305,5 +305,5 @@ if (!rootElement) throw new Error('Failed to find the root element')
 ReactDOM.createRoot(rootElement).render(
   <React.StrictMode>
     <App />
-  </React.StrictMode>
+  </React.StrictMode>,
 )
diff --git a/examples/react/virtualized-rows/src/main.tsx b/examples/react/virtualized-rows/src/main.tsx
index 9f9f72a2b7..66b9c5206e 100644
--- a/examples/react/virtualized-rows/src/main.tsx
+++ b/examples/react/virtualized-rows/src/main.tsx
@@ -31,12 +31,12 @@ function App() {
       },
       {
         accessorKey: 'firstName',
-        cell: info => info.getValue(),
+        cell: (info) => info.getValue(),
       },
       {
-        accessorFn: row => row.lastName,
+        accessorFn: (row) => row.lastName,
         id: 'lastName',
-        cell: info => info.getValue(),
+        cell: (info) => info.getValue(),
         header: () => <span>Last Name</span>,
       },
       {
@@ -61,11 +61,11 @@ function App() {
       {
         accessorKey: 'createdAt',
         header: 'Created At',
-        cell: info => info.getValue<Date>().toLocaleString(),
+        cell: (info) => info.getValue<Date>().toLocaleString(),
         size: 250,
       },
     ],
-    []
+    [],
   )
 
   // The virtualizer will need a reference to the scrollable container element
@@ -116,12 +116,12 @@ function App() {
               zIndex: 1,
             }}
           >
-            {table.getHeaderGroups().map(headerGroup => (
+            {table.getHeaderGroups().map((headerGroup) => (
               <tr
                 key={headerGroup.id}
                 style={{ display: 'flex', width: '100%' }}
               >
-                {headerGroup.headers.map(header => {
+                {headerGroup.headers.map((header) => {
                   return (
                     <th
                       key={header.id}
@@ -140,7 +140,7 @@ function App() {
                       >
                         {flexRender(
                           header.column.columnDef.header,
-                          header.getContext()
+                          header.getContext(),
                         )}
                         {{
                           asc: ' 🔼',
@@ -177,7 +177,7 @@ function TableBody({ table, tableContainerRef }: TableBodyProps) {
     measureElement:
       typeof window !== 'undefined' &&
       navigator.userAgent.indexOf('Firefox') === -1
-        ? element => element?.getBoundingClientRect().height
+        ? (element) => element?.getBoundingClientRect().height
         : undefined,
     overscan: 5,
   })
@@ -190,7 +190,7 @@ function TableBody({ table, tableContainerRef }: TableBodyProps) {
         position: 'relative', //needed for absolute positioning of rows
       }}
     >
-      {rowVirtualizer.getVirtualItems().map(virtualRow => {
+      {rowVirtualizer.getVirtualItems().map((virtualRow) => {
         const row = rows[virtualRow.index] as Row<Person>
         return (
           <TableBodyRow
@@ -215,7 +215,7 @@ function TableBodyRow({ row, virtualRow, rowVirtualizer }: TableBodyRowProps) {
   return (
     <tr
       data-index={virtualRow.index} //needed for dynamic row height measurement
-      ref={node => rowVirtualizer.measureElement(node)} //measure dynamic row height
+      ref={(node) => rowVirtualizer.measureElement(node)} //measure dynamic row height
       key={row.id}
       style={{
         display: 'flex',
@@ -224,7 +224,7 @@ function TableBodyRow({ row, virtualRow, rowVirtualizer }: TableBodyRowProps) {
         width: '100%',
       }}
     >
-      {row.getVisibleCells().map(cell => {
+      {row.getVisibleCells().map((cell) => {
         return (
           <td
             key={cell.id}
@@ -248,5 +248,5 @@ if (!rootElement) throw new Error('Failed to find the root element')
 ReactDOM.createRoot(rootElement).render(
   <React.StrictMode>
     <App />
-  </React.StrictMode>
+  </React.StrictMode>,
 )
diff --git a/examples/solid/basic/src/App.tsx b/examples/solid/basic/src/App.tsx
index 8a988dcfc0..9d91d1ceb2 100644
--- a/examples/solid/basic/src/App.tsx
+++ b/examples/solid/basic/src/App.tsx
@@ -45,35 +45,35 @@ const defaultData: Person[] = [
 const defaultColumns: ColumnDef<Person>[] = [
   {
     accessorKey: 'firstName',
-    cell: info => info.getValue(),
-    footer: info => info.column.id,
+    cell: (info) => info.getValue(),
+    footer: (info) => info.column.id,
   },
   {
-    accessorFn: row => row.lastName,
+    accessorFn: (row) => row.lastName,
     id: 'lastName',
-    cell: info => <i>{info.getValue<string>()}</i>,
+    cell: (info) => <i>{info.getValue<string>()}</i>,
     header: () => <span>Last Name</span>,
-    footer: info => info.column.id,
+    footer: (info) => info.column.id,
   },
   {
     accessorKey: 'age',
     header: () => 'Age',
-    footer: info => info.column.id,
+    footer: (info) => info.column.id,
   },
   {
     accessorKey: 'visits',
     header: () => <span>Visits</span>,
-    footer: info => info.column.id,
+    footer: (info) => info.column.id,
   },
   {
     accessorKey: 'status',
     header: 'Status',
-    footer: info => info.column.id,
+    footer: (info) => info.column.id,
   },
   {
     accessorKey: 'progress',
     header: 'Profile Progress',
-    footer: info => info.column.id,
+    footer: (info) => info.column.id,
   },
 ]
 
@@ -94,16 +94,16 @@ function App() {
       <table>
         <thead>
           <For each={table.getHeaderGroups()}>
-            {headerGroup => (
+            {(headerGroup) => (
               <tr>
                 <For each={headerGroup.headers}>
-                  {header => (
+                  {(header) => (
                     <th>
                       {header.isPlaceholder
                         ? null
                         : flexRender(
                             header.column.columnDef.header,
-                            header.getContext()
+                            header.getContext(),
                           )}
                     </th>
                   )}
@@ -114,14 +114,14 @@ function App() {
         </thead>
         <tbody>
           <For each={table.getRowModel().rows}>
-            {row => (
+            {(row) => (
               <tr>
                 <For each={row.getVisibleCells()}>
-                  {cell => (
+                  {(cell) => (
                     <td>
                       {flexRender(
                         cell.column.columnDef.cell,
-                        cell.getContext()
+                        cell.getContext(),
                       )}
                     </td>
                   )}
@@ -132,16 +132,16 @@ function App() {
         </tbody>
         <tfoot>
           <For each={table.getFooterGroups()}>
-            {footerGroup => (
+            {(footerGroup) => (
               <tr>
                 <For each={footerGroup.headers}>
-                  {header => (
+                  {(header) => (
                     <th>
                       {header.isPlaceholder
                         ? null
                         : flexRender(
                             header.column.columnDef.footer,
-                            header.getContext()
+                            header.getContext(),
                           )}
                     </th>
                   )}
diff --git a/examples/solid/bootstrap/src/App.tsx b/examples/solid/bootstrap/src/App.tsx
index 781adc6daa..9a823628c6 100644
--- a/examples/solid/bootstrap/src/App.tsx
+++ b/examples/solid/bootstrap/src/App.tsx
@@ -13,30 +13,30 @@ import 'bootstrap/dist/css/bootstrap.min.css'
 const columns: ColumnDef<Person>[] = [
   {
     header: 'Name',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
     columns: [
       {
         accessorKey: 'firstName',
-        cell: info => info.getValue(),
-        footer: props => props.column.id,
+        cell: (info) => info.getValue(),
+        footer: (props) => props.column.id,
       },
       {
-        accessorFn: row => row.lastName,
+        accessorFn: (row) => row.lastName,
         id: 'lastName',
-        cell: info => info.getValue(),
+        cell: (info) => info.getValue(),
         header: () => <span>Last Name</span>,
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       },
     ],
   },
   {
     header: 'Info',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
     columns: [
       {
         accessorKey: 'age',
         header: () => 'Age',
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       },
       {
         header: 'More Info',
@@ -44,17 +44,17 @@ const columns: ColumnDef<Person>[] = [
           {
             accessorKey: 'visits',
             header: () => <span>Visits</span>,
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           },
           {
             accessorKey: 'status',
             header: 'Status',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           },
           {
             accessorKey: 'progress',
             header: 'Profile Progress',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           },
         ],
       },
@@ -79,16 +79,16 @@ function App() {
       <BTable striped bordered hover responsive size="sm">
         <thead>
           <For each={table.getHeaderGroups()}>
-            {headerGroup => (
+            {(headerGroup) => (
               <tr>
                 <For each={headerGroup.headers}>
-                  {header => (
+                  {(header) => (
                     <th colSpan={header.colSpan}>
                       {header.isPlaceholder
                         ? null
                         : flexRender(
                             header.column.columnDef.header,
-                            header.getContext()
+                            header.getContext(),
                           )}
                     </th>
                   )}
@@ -99,14 +99,14 @@ function App() {
         </thead>
         <tbody>
           <For each={table.getRowModel().rows}>
-            {row => (
+            {(row) => (
               <tr>
                 <For each={row.getVisibleCells()}>
-                  {cell => (
+                  {(cell) => (
                     <td>
                       {flexRender(
                         cell.column.columnDef.cell,
-                        cell.getContext()
+                        cell.getContext(),
                       )}
                     </td>
                   )}
@@ -117,16 +117,16 @@ function App() {
         </tbody>
         <tfoot>
           <For each={table.getFooterGroups()}>
-            {footerGroup => (
+            {(footerGroup) => (
               <tr>
                 <For each={footerGroup.headers}>
-                  {header => (
+                  {(header) => (
                     <th colSpan={header.colSpan}>
                       {header.isPlaceholder
                         ? null
                         : flexRender(
                             header.column.columnDef.footer,
-                            header.getContext()
+                            header.getContext(),
                           )}
                     </th>
                   )}
diff --git a/examples/solid/column-groups/src/App.tsx b/examples/solid/column-groups/src/App.tsx
index 27e9526967..2b1c8dbd07 100644
--- a/examples/solid/column-groups/src/App.tsx
+++ b/examples/solid/column-groups/src/App.tsx
@@ -45,30 +45,30 @@ const defaultData: Person[] = [
 const defaultColumns: ColumnDef<Person>[] = [
   {
     header: 'Name',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
     columns: [
       {
         accessorKey: 'firstName',
-        cell: info => info.getValue(),
-        footer: props => props.column.id,
+        cell: (info) => info.getValue(),
+        footer: (props) => props.column.id,
       },
       {
-        accessorFn: row => row.lastName,
+        accessorFn: (row) => row.lastName,
         id: 'lastName',
-        cell: info => info.getValue(),
+        cell: (info) => info.getValue(),
         header: () => <span>Last Name</span>,
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       },
     ],
   },
   {
     header: 'Info',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
     columns: [
       {
         accessorKey: 'age',
         header: () => 'Age',
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       },
       {
         header: 'More Info',
@@ -76,17 +76,17 @@ const defaultColumns: ColumnDef<Person>[] = [
           {
             accessorKey: 'visits',
             header: () => <span>Visits</span>,
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           },
           {
             accessorKey: 'status',
             header: 'Status',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           },
           {
             accessorKey: 'progress',
             header: 'Profile Progress',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           },
         ],
       },
@@ -111,16 +111,16 @@ function App() {
       <table>
         <thead>
           <For each={table.getHeaderGroups()}>
-            {headerGroup => (
+            {(headerGroup) => (
               <tr>
                 <For each={headerGroup.headers}>
-                  {header => (
+                  {(header) => (
                     <th colSpan={header.colSpan}>
                       {header.isPlaceholder
                         ? null
                         : flexRender(
                             header.column.columnDef.header,
-                            header.getContext()
+                            header.getContext(),
                           )}
                     </th>
                   )}
@@ -131,14 +131,14 @@ function App() {
         </thead>
         <tbody>
           <For each={table.getRowModel().rows}>
-            {row => (
+            {(row) => (
               <tr>
                 <For each={row.getVisibleCells()}>
-                  {cell => (
+                  {(cell) => (
                     <td>
                       {flexRender(
                         cell.column.columnDef.cell,
-                        cell.getContext()
+                        cell.getContext(),
                       )}
                     </td>
                   )}
@@ -149,16 +149,16 @@ function App() {
         </tbody>
         <tfoot>
           <For each={table.getFooterGroups()}>
-            {footerGroup => (
+            {(footerGroup) => (
               <tr>
                 <For each={footerGroup.headers}>
-                  {header => (
+                  {(header) => (
                     <th colSpan={header.colSpan}>
                       {header.isPlaceholder
                         ? null
                         : flexRender(
                             header.column.columnDef.footer,
-                            header.getContext()
+                            header.getContext(),
                           )}
                     </th>
                   )}
diff --git a/examples/solid/column-ordering/src/App.tsx b/examples/solid/column-ordering/src/App.tsx
index f09d5a9ee0..0905c98018 100644
--- a/examples/solid/column-ordering/src/App.tsx
+++ b/examples/solid/column-ordering/src/App.tsx
@@ -13,30 +13,30 @@ import {
 const defaultColumns: ColumnDef<Person>[] = [
   {
     header: 'Name',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
     columns: [
       {
         accessorKey: 'firstName',
-        cell: info => info.getValue(),
-        footer: props => props.column.id,
+        cell: (info) => info.getValue(),
+        footer: (props) => props.column.id,
       },
       {
-        accessorFn: row => row.lastName,
+        accessorFn: (row) => row.lastName,
         id: 'lastName',
-        cell: info => info.getValue(),
+        cell: (info) => info.getValue(),
         header: () => <span>Last Name</span>,
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       },
     ],
   },
   {
     header: 'Info',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
     columns: [
       {
         accessorKey: 'age',
         header: () => 'Age',
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       },
       {
         header: 'More Info',
@@ -44,17 +44,17 @@ const defaultColumns: ColumnDef<Person>[] = [
           {
             accessorKey: 'visits',
             header: () => <span>Visits</span>,
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           },
           {
             accessorKey: 'status',
             header: 'Status',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           },
           {
             accessorKey: 'progress',
             header: 'Profile Progress',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           },
         ],
       },
@@ -66,7 +66,7 @@ function App() {
   const [data, setData] = createSignal(makeData(20))
   const [columnOrder, setColumnOrder] = createSignal<ColumnOrderState>([])
   const [columnVisibility, setColumnVisibility] = createSignal<VisibilityState>(
-    {}
+    {},
   )
   const rerender = () => setData(() => makeData(20))
 
@@ -90,7 +90,7 @@ function App() {
 
   const randomizeColumns = () => {
     table.setColumnOrder(
-      faker.helpers.shuffle(table.getAllLeafColumns().map(d => d.id))
+      faker.helpers.shuffle(table.getAllLeafColumns().map((d) => d.id)),
     )
   }
 
@@ -108,7 +108,7 @@ function App() {
           </label>
         </div>
         <For each={table.getAllLeafColumns()}>
-          {column => (
+          {(column) => (
             <div class="px-1">
               <label>
                 <input
@@ -135,15 +135,15 @@ function App() {
       <table>
         <thead>
           <For each={table.getHeaderGroups()}>
-            {headerGroup => (
+            {(headerGroup) => (
               <tr>
                 <For each={headerGroup.headers}>
-                  {header => (
+                  {(header) => (
                     <th colSpan={header.colSpan}>
                       <Show when={!header.isPlaceholder}>
                         {flexRender(
                           header.column.columnDef.header,
-                          header.getContext()
+                          header.getContext(),
                         )}
                       </Show>
                     </th>
@@ -155,14 +155,14 @@ function App() {
         </thead>
         <tbody>
           <For each={table.getRowModel().rows}>
-            {row => (
+            {(row) => (
               <tr>
                 <For each={row.getVisibleCells()}>
-                  {cell => (
+                  {(cell) => (
                     <td>
                       {flexRender(
                         cell.column.columnDef.cell,
-                        cell.getContext()
+                        cell.getContext(),
                       )}
                     </td>
                   )}
@@ -173,15 +173,15 @@ function App() {
         </tbody>
         <tfoot>
           <For each={table.getFooterGroups()}>
-            {footerGroup => (
+            {(footerGroup) => (
               <tr>
                 <For each={footerGroup.headers}>
-                  {header => (
+                  {(header) => (
                     <th colSpan={header.colSpan}>
                       <Show when={!header.isPlaceholder}>
                         {flexRender(
                           header.column.columnDef.footer,
-                          header.getContext()
+                          header.getContext(),
                         )}
                       </Show>
                     </th>
diff --git a/examples/solid/column-visibility/src/App.tsx b/examples/solid/column-visibility/src/App.tsx
index d972aabdd4..95ccc6db6c 100644
--- a/examples/solid/column-visibility/src/App.tsx
+++ b/examples/solid/column-visibility/src/App.tsx
@@ -46,30 +46,30 @@ const defaultData: Person[] = [
 const defaultColumns: ColumnDef<Person>[] = [
   {
     header: 'Name',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
     columns: [
       {
         accessorKey: 'firstName',
-        cell: info => info.getValue(),
-        footer: props => props.column.id,
+        cell: (info) => info.getValue(),
+        footer: (props) => props.column.id,
       },
       {
-        accessorFn: row => row.lastName,
+        accessorFn: (row) => row.lastName,
         id: 'lastName',
-        cell: info => info.getValue(),
+        cell: (info) => info.getValue(),
         header: () => <span>Last Name</span>,
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       },
     ],
   },
   {
     header: 'Info',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
     columns: [
       {
         accessorKey: 'age',
         header: () => 'Age',
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       },
       {
         header: 'More Info',
@@ -77,17 +77,17 @@ const defaultColumns: ColumnDef<Person>[] = [
           {
             accessorKey: 'visits',
             header: () => <span>Visits</span>,
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           },
           {
             accessorKey: 'status',
             header: 'Status',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           },
           {
             accessorKey: 'progress',
             header: 'Profile Progress',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           },
         ],
       },
@@ -98,7 +98,7 @@ const defaultColumns: ColumnDef<Person>[] = [
 function App() {
   const [data, setData] = createSignal(defaultData)
   const [columnVisibility, setColumnVisibility] = createSignal<VisibilityState>(
-    {}
+    {},
   )
   const rerender = () => setData(defaultData)
 
@@ -130,7 +130,7 @@ function App() {
           </label>
         </div>
         <For each={table.getAllLeafColumns()}>
-          {column => (
+          {(column) => (
             <div class="px-1">
               <label>
                 <input
@@ -148,15 +148,15 @@ function App() {
       <table>
         <thead>
           <For each={table.getHeaderGroups()}>
-            {headerGroup => (
+            {(headerGroup) => (
               <tr>
                 <For each={headerGroup.headers}>
-                  {header => (
+                  {(header) => (
                     <th colSpan={header.colSpan}>
                       <Show when={!header.isPlaceholder}>
                         {flexRender(
                           header.column.columnDef.header,
-                          header.getContext()
+                          header.getContext(),
                         )}
                       </Show>
                     </th>
@@ -168,14 +168,14 @@ function App() {
         </thead>
         <tbody>
           <For each={table.getRowModel().rows}>
-            {row => (
+            {(row) => (
               <tr>
                 <For each={row.getVisibleCells()}>
-                  {cell => (
+                  {(cell) => (
                     <td>
                       {flexRender(
                         cell.column.columnDef.cell,
-                        cell.getContext()
+                        cell.getContext(),
                       )}
                     </td>
                   )}
@@ -186,15 +186,15 @@ function App() {
         </tbody>
         <tfoot>
           <For each={table.getFooterGroups()}>
-            {footerGroup => (
+            {(footerGroup) => (
               <tr>
                 <For each={footerGroup.headers}>
-                  {header => (
+                  {(header) => (
                     <th colSpan={header.colSpan}>
                       <Show when={!header.isPlaceholder}>
                         {flexRender(
                           header.column.columnDef.footer,
-                          header.getContext()
+                          header.getContext(),
                         )}
                       </Show>
                     </th>
diff --git a/examples/solid/filters/src/App.tsx b/examples/solid/filters/src/App.tsx
index c9c8989657..14fa710843 100644
--- a/examples/solid/filters/src/App.tsx
+++ b/examples/solid/filters/src/App.tsx
@@ -17,30 +17,30 @@ import { createSignal, For } from 'solid-js'
 const columns: ColumnDef<Person>[] = [
   {
     header: 'Name',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
     columns: [
       {
         accessorKey: 'firstName',
-        cell: info => info.getValue(),
-        footer: props => props.column.id,
+        cell: (info) => info.getValue(),
+        footer: (props) => props.column.id,
       },
       {
-        accessorFn: row => row.lastName,
+        accessorFn: (row) => row.lastName,
         id: 'lastName',
-        cell: info => info.getValue(),
+        cell: (info) => info.getValue(),
         header: () => <span>Last Name</span>,
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       },
     ],
   },
   {
     header: 'Info',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
     columns: [
       {
         accessorKey: 'age',
         header: () => 'Age',
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       },
       {
         header: 'More Info',
@@ -48,17 +48,17 @@ const columns: ColumnDef<Person>[] = [
           {
             accessorKey: 'visits',
             header: () => <span>Visits</span>,
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           },
           {
             accessorKey: 'status',
             header: 'Status',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           },
           {
             accessorKey: 'progress',
             header: 'Profile Progress',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           },
         ],
       },
@@ -72,7 +72,7 @@ function App() {
   const [globalFilter, setGlobalFilter] = createSignal('')
   const debounceSetGlobalFilter = debounce(
     (value: string) => setGlobalFilter(value),
-    500
+    500,
   )
   const refreshData = () => setData(makeData(50000))
 
@@ -107,23 +107,23 @@ function App() {
       <input
         class="p-2 font-lg shadow border border-block"
         value={globalFilter() ?? ''}
-        onInput={e => debounceSetGlobalFilter(e.currentTarget.value)}
+        onInput={(e) => debounceSetGlobalFilter(e.currentTarget.value)}
         placeholder="Search all columns..."
       />
       <div className="h-2" />
       <table>
         <thead>
           <For each={table.getHeaderGroups()}>
-            {headerGroup => (
+            {(headerGroup) => (
               <tr>
                 <For each={headerGroup.headers}>
-                  {header => (
+                  {(header) => (
                     <th colSpan={header.colSpan}>
                       {header.isPlaceholder ? null : (
                         <>
                           {flexRender(
                             header.column.columnDef.header,
-                            header.getContext()
+                            header.getContext(),
                           )}
                           {header.column.getCanFilter() ? (
                             <div>
@@ -144,14 +144,14 @@ function App() {
         </thead>
         <tbody>
           <For each={table.getRowModel().rows.slice(0, 10)}>
-            {row => (
+            {(row) => (
               <tr>
                 <For each={row.getVisibleCells()}>
-                  {cell => (
+                  {(cell) => (
                     <td>
                       {flexRender(
                         cell.column.columnDef.cell,
-                        cell.getContext()
+                        cell.getContext(),
                       )}
                     </td>
                   )}
diff --git a/examples/solid/filters/src/ColumnFilter.tsx b/examples/solid/filters/src/ColumnFilter.tsx
index 92891e148e..d4919975bd 100644
--- a/examples/solid/filters/src/ColumnFilter.tsx
+++ b/examples/solid/filters/src/ColumnFilter.tsx
@@ -15,7 +15,7 @@ function ColumnFilter(props: {
   const sortedUniqueValues = createMemo(() =>
     typeof firstValue === 'number'
       ? []
-      : Array.from(props.column.getFacetedUniqueValues().keys()).sort()
+      : Array.from(props.column.getFacetedUniqueValues().keys()).sort(),
   )
 
   return (
@@ -32,8 +32,8 @@ function ColumnFilter(props: {
             type="text"
             value={(columnFilterValue() ?? '') as string}
             onInput={debounce(
-              e => props.column.setFilterValue(e.target.value),
-              500
+              (e) => props.column.setFilterValue(e.target.value),
+              500,
             )}
             placeholder={`Search... (${props.column.getFacetedUniqueValues().size})`}
             class="w-36 border shadow rounded"
@@ -50,12 +50,12 @@ function ColumnFilter(props: {
             max={Number(props.column.getFacetedMinMaxValues()?.[1] ?? '')}
             value={(columnFilterValue() as [number, number])?.[0] ?? ''}
             onInput={debounce(
-              e =>
+              (e) =>
                 props.column.setFilterValue((old: [number, number]) => [
                   e.target.value,
                   old?.[1],
                 ]),
-              500
+              500,
             )}
             placeholder={`Min ${
               props.column.getFacetedMinMaxValues()?.[0]
@@ -70,12 +70,12 @@ function ColumnFilter(props: {
             max={Number(props.column.getFacetedMinMaxValues()?.[1] ?? '')}
             value={(columnFilterValue() as [number, number])?.[1] ?? ''}
             onInput={debounce(
-              e =>
+              (e) =>
                 props.column.setFilterValue((old: [number, number]) => [
                   old?.[0],
                   e.target.value,
                 ]),
-              500
+              500,
             )}
             placeholder={`Max ${
               props.column.getFacetedMinMaxValues()?.[1]
diff --git a/examples/solid/sorting/src/App.tsx b/examples/solid/sorting/src/App.tsx
index 8b73cc3ad8..a7c65274e5 100644
--- a/examples/solid/sorting/src/App.tsx
+++ b/examples/solid/sorting/src/App.tsx
@@ -17,30 +17,30 @@ function App() {
   const columns: ColumnDef<Person>[] = [
     {
       header: 'Name',
-      footer: props => props.column.id,
+      footer: (props) => props.column.id,
       columns: [
         {
           accessorKey: 'firstName',
-          cell: info => info.getValue(),
-          footer: props => props.column.id,
+          cell: (info) => info.getValue(),
+          footer: (props) => props.column.id,
         },
         {
-          accessorFn: row => row.lastName,
+          accessorFn: (row) => row.lastName,
           id: 'lastName',
-          cell: info => info.getValue(),
+          cell: (info) => info.getValue(),
           header: () => <span>Last Name</span>,
-          footer: props => props.column.id,
+          footer: (props) => props.column.id,
         },
       ],
     },
     {
       header: 'Info',
-      footer: props => props.column.id,
+      footer: (props) => props.column.id,
       columns: [
         {
           accessorKey: 'age',
           header: () => 'Age',
-          footer: props => props.column.id,
+          footer: (props) => props.column.id,
         },
         {
           header: 'More Info',
@@ -48,17 +48,17 @@ function App() {
             {
               accessorKey: 'visits',
               header: () => <span>Visits</span>,
-              footer: props => props.column.id,
+              footer: (props) => props.column.id,
             },
             {
               accessorKey: 'status',
               header: 'Status',
-              footer: props => props.column.id,
+              footer: (props) => props.column.id,
             },
             {
               accessorKey: 'progress',
               header: 'Profile Progress',
-              footer: props => props.column.id,
+              footer: (props) => props.column.id,
             },
           ],
         },
@@ -87,10 +87,10 @@ function App() {
       <table>
         <thead>
           <For each={table.getHeaderGroups()}>
-            {headerGroup => (
+            {(headerGroup) => (
               <tr>
                 <For each={headerGroup.headers}>
-                  {header => (
+                  {(header) => (
                     <th colSpan={header.colSpan}>
                       <Show when={!header.isPlaceholder}>
                         <div
@@ -103,7 +103,7 @@ function App() {
                         >
                           {flexRender(
                             header.column.columnDef.header,
-                            header.getContext()
+                            header.getContext(),
                           )}
                           {{
                             asc: ' 🔼',
@@ -120,14 +120,14 @@ function App() {
         </thead>
         <tbody>
           <For each={table.getRowModel().rows.slice(0, 10)}>
-            {row => (
+            {(row) => (
               <tr>
                 <For each={row.getVisibleCells()}>
-                  {cell => (
+                  {(cell) => (
                     <td>
                       {flexRender(
                         cell.column.columnDef.cell,
-                        cell.getContext()
+                        cell.getContext(),
                       )}
                     </td>
                   )}
diff --git a/examples/svelte/basic/src/App.svelte b/examples/svelte/basic/src/App.svelte
index a918729a1a..2f8fb1f85f 100644
--- a/examples/svelte/basic/src/App.svelte
+++ b/examples/svelte/basic/src/App.svelte
@@ -47,35 +47,35 @@
   const defaultColumns: ColumnDef<Person>[] = [
     {
       accessorKey: 'firstName',
-      cell: info => info.getValue(),
-      footer: info => info.column.id,
+      cell: (info) => info.getValue(),
+      footer: (info) => info.column.id,
     },
     {
-      accessorFn: row => row.lastName,
+      accessorFn: (row) => row.lastName,
       id: 'lastName',
-      cell: info => info.getValue(),
+      cell: (info) => info.getValue(),
       header: () => 'Last Name',
-      footer: info => info.column.id,
+      footer: (info) => info.column.id,
     },
     {
       accessorKey: 'age',
       header: () => 'Age',
-      footer: info => info.column.id,
+      footer: (info) => info.column.id,
     },
     {
       accessorKey: 'visits',
       header: () => 'Visits',
-      footer: info => info.column.id,
+      footer: (info) => info.column.id,
     },
     {
       accessorKey: 'status',
       header: 'Status',
-      footer: info => info.column.id,
+      footer: (info) => info.column.id,
     },
     {
       accessorKey: 'progress',
       header: 'Profile Progress',
-      footer: info => info.column.id,
+      footer: (info) => info.column.id,
     },
   ]
 
@@ -86,7 +86,7 @@
   })
 
   const rerender = () => {
-    options.update(options => ({
+    options.update((options) => ({
       ...options,
       data: defaultData,
     }))
@@ -106,7 +106,7 @@
                 <svelte:component
                   this={flexRender(
                     header.column.columnDef.header,
-                    header.getContext()
+                    header.getContext(),
                   )}
                 />
               {/if}
@@ -137,7 +137,7 @@
                 <svelte:component
                   this={flexRender(
                     header.column.columnDef.footer,
-                    header.getContext()
+                    header.getContext(),
                   )}
                 />
               {/if}
diff --git a/examples/svelte/column-groups/src/App.svelte b/examples/svelte/column-groups/src/App.svelte
index ac780c0da3..457d2151d6 100644
--- a/examples/svelte/column-groups/src/App.svelte
+++ b/examples/svelte/column-groups/src/App.svelte
@@ -47,30 +47,30 @@
   const defaultColumns: ColumnDef<Person>[] = [
     {
       header: 'Name',
-      footer: props => props.column.id,
+      footer: (props) => props.column.id,
       columns: [
         {
           accessorKey: 'firstName',
-          cell: info => info.getValue(),
-          footer: props => props.column.id,
+          cell: (info) => info.getValue(),
+          footer: (props) => props.column.id,
         },
         {
-          accessorFn: row => row.lastName,
+          accessorFn: (row) => row.lastName,
           id: 'lastName',
-          cell: info => info.getValue(),
+          cell: (info) => info.getValue(),
           header: () => 'Last Name',
-          footer: props => props.column.id,
+          footer: (props) => props.column.id,
         },
       ],
     },
     {
       header: 'Info',
-      footer: props => props.column.id,
+      footer: (props) => props.column.id,
       columns: [
         {
           accessorKey: 'age',
           header: () => 'Age',
-          footer: props => props.column.id,
+          footer: (props) => props.column.id,
         },
         {
           header: 'More Info',
@@ -78,17 +78,17 @@
             {
               accessorKey: 'visits',
               header: () => 'Visits',
-              footer: props => props.column.id,
+              footer: (props) => props.column.id,
             },
             {
               accessorKey: 'status',
               header: 'Status',
-              footer: props => props.column.id,
+              footer: (props) => props.column.id,
             },
             {
               accessorKey: 'progress',
               header: 'Profile Progress',
-              footer: props => props.column.id,
+              footer: (props) => props.column.id,
             },
           ],
         },
@@ -103,7 +103,7 @@
   })
 
   const rerender = () => {
-    options.update(options => ({
+    options.update((options) => ({
       ...options,
       data: defaultData,
     }))
@@ -123,7 +123,7 @@
                 <svelte:component
                   this={flexRender(
                     header.column.columnDef.header,
-                    header.getContext()
+                    header.getContext(),
                   )}
                 />
               {/if}
@@ -154,7 +154,7 @@
                 <svelte:component
                   this={flexRender(
                     header.column.columnDef.footer,
-                    header.getContext()
+                    header.getContext(),
                   )}
                 />
               {/if}
diff --git a/examples/svelte/column-ordering/src/App.svelte b/examples/svelte/column-ordering/src/App.svelte
index d23b8c84a0..d0eef92db8 100644
--- a/examples/svelte/column-ordering/src/App.svelte
+++ b/examples/svelte/column-ordering/src/App.svelte
@@ -20,30 +20,30 @@
   const columns: ColumnDef<Person>[] = [
     {
       header: 'Name',
-      footer: props => props.column.id,
+      footer: (props) => props.column.id,
       columns: [
         {
           accessorKey: 'firstName',
-          cell: info => info.getValue(),
-          footer: props => props.column.id,
+          cell: (info) => info.getValue(),
+          footer: (props) => props.column.id,
         },
         {
-          accessorFn: row => row.lastName,
+          accessorFn: (row) => row.lastName,
           id: 'lastName',
-          cell: info => info.getValue(),
+          cell: (info) => info.getValue(),
           header: () => 'Last Name',
-          footer: props => props.column.id,
+          footer: (props) => props.column.id,
         },
       ],
     },
     {
       header: 'Info',
-      footer: props => props.column.id,
+      footer: (props) => props.column.id,
       columns: [
         {
           accessorKey: 'age',
           header: () => 'Age',
-          footer: props => props.column.id,
+          footer: (props) => props.column.id,
         },
         {
           header: 'More Info',
@@ -51,17 +51,17 @@
             {
               accessorKey: 'visits',
               header: () => 'Visits',
-              footer: props => props.column.id,
+              footer: (props) => props.column.id,
             },
             {
               accessorKey: 'status',
               header: 'Status',
-              footer: props => props.column.id,
+              footer: (props) => props.column.id,
             },
             {
               accessorKey: 'progress',
               header: 'Profile Progress',
-              footer: props => props.column.id,
+              footer: (props) => props.column.id,
             },
           ],
         },
@@ -74,13 +74,13 @@
   let columnOrder: ColumnOrderState = []
   let columnVisibility: VisibilityState = {}
 
-  const setColumnOrder: OnChangeFn<ColumnOrderState> = updater => {
+  const setColumnOrder: OnChangeFn<ColumnOrderState> = (updater) => {
     if (updater instanceof Function) {
       columnOrder = updater(columnOrder)
     } else {
       columnOrder = updater
     }
-    options.update(old => ({
+    options.update((old) => ({
       ...old,
       state: {
         ...old.state,
@@ -89,13 +89,13 @@
     }))
   }
 
-  const setColumnVisibility: OnChangeFn<VisibilityState> = updater => {
+  const setColumnVisibility: OnChangeFn<VisibilityState> = (updater) => {
     if (updater instanceof Function) {
       columnVisibility = updater(columnVisibility)
     } else {
       columnVisibility = updater
     }
-    options.update(old => ({
+    options.update((old) => ({
       ...old,
       state: {
         ...old.state,
@@ -119,13 +119,13 @@
   })
 
   const randomizeColumns = () => {
-    $table.setColumnOrder(_updater =>
-      faker.helpers.shuffle($table.getAllLeafColumns().map(d => d.id))
+    $table.setColumnOrder((_updater) =>
+      faker.helpers.shuffle($table.getAllLeafColumns().map((d) => d.id)),
     )
   }
 
   const regenerate = () => {
-    options.update(options => ({
+    options.update((options) => ({
       ...options,
       data: makeData(5000),
     }))
@@ -140,7 +140,7 @@
       <label>
         <input
           checked={$table.getIsAllColumnsVisible()}
-          on:change={e => {
+          on:change={(e) => {
             console.info($table.getToggleAllColumnsVisibilityHandler()(e))
           }}
           type="checkbox"
@@ -181,7 +181,7 @@
                 <svelte:component
                   this={flexRender(
                     header.column.columnDef.header,
-                    header.getContext()
+                    header.getContext(),
                   )}
                 />
               {/if}
diff --git a/examples/svelte/column-pinning/src/App.svelte b/examples/svelte/column-pinning/src/App.svelte
index ad1314ee32..88c83e42a3 100644
--- a/examples/svelte/column-pinning/src/App.svelte
+++ b/examples/svelte/column-pinning/src/App.svelte
@@ -21,30 +21,30 @@
   const columns: ColumnDef<Person>[] = [
     {
       header: 'Name',
-      footer: props => props.column.id,
+      footer: (props) => props.column.id,
       columns: [
         {
           accessorKey: 'firstName',
-          cell: info => info.getValue(),
-          footer: props => props.column.id,
+          cell: (info) => info.getValue(),
+          footer: (props) => props.column.id,
         },
         {
-          accessorFn: row => row.lastName,
+          accessorFn: (row) => row.lastName,
           id: 'lastName',
-          cell: info => info.getValue(),
+          cell: (info) => info.getValue(),
           header: () => 'Last Name',
-          footer: props => props.column.id,
+          footer: (props) => props.column.id,
         },
       ],
     },
     {
       header: 'Info',
-      footer: props => props.column.id,
+      footer: (props) => props.column.id,
       columns: [
         {
           accessorKey: 'age',
           header: () => 'Age',
-          footer: props => props.column.id,
+          footer: (props) => props.column.id,
         },
         {
           header: 'More Info',
@@ -52,17 +52,17 @@
             {
               accessorKey: 'visits',
               header: () => 'Visits',
-              footer: props => props.column.id,
+              footer: (props) => props.column.id,
             },
             {
               accessorKey: 'status',
               header: 'Status',
-              footer: props => props.column.id,
+              footer: (props) => props.column.id,
             },
             {
               accessorKey: 'progress',
               header: 'Profile Progress',
-              footer: props => props.column.id,
+              footer: (props) => props.column.id,
             },
           ],
         },
@@ -78,13 +78,13 @@
   let columnPinning: ColumnPinningState = {}
   let columnVisibility: VisibilityState = {}
 
-  const setColumnOrder: OnChangeFn<ColumnOrderState> = updater => {
+  const setColumnOrder: OnChangeFn<ColumnOrderState> = (updater) => {
     if (updater instanceof Function) {
       columnOrder = updater(columnOrder)
     } else {
       columnOrder = updater
     }
-    options.update(old => ({
+    options.update((old) => ({
       ...old,
       state: {
         ...old.state,
@@ -93,13 +93,13 @@
     }))
   }
 
-  const setColumnPinning: OnChangeFn<ColumnPinningState> = updater => {
+  const setColumnPinning: OnChangeFn<ColumnPinningState> = (updater) => {
     if (updater instanceof Function) {
       columnPinning = updater(columnPinning)
     } else {
       columnPinning = updater
     }
-    options.update(old => ({
+    options.update((old) => ({
       ...old,
       state: {
         ...old.state,
@@ -108,13 +108,13 @@
     }))
   }
 
-  const setColumnVisibility: OnChangeFn<VisibilityState> = updater => {
+  const setColumnVisibility: OnChangeFn<VisibilityState> = (updater) => {
     if (updater instanceof Function) {
       columnVisibility = updater(columnVisibility)
     } else {
       columnVisibility = updater
     }
-    options.update(old => ({
+    options.update((old) => ({
       ...old,
       state: {
         ...old.state,
@@ -140,13 +140,13 @@
   })
 
   const randomizeColumns = () => {
-    $table.setColumnOrder(_updater =>
-      faker.helpers.shuffle($table.getAllLeafColumns().map(d => d.id))
+    $table.setColumnOrder((_updater) =>
+      faker.helpers.shuffle($table.getAllLeafColumns().map((d) => d.id)),
     )
   }
 
   const regenerate = () => {
-    options.update(options => ({
+    options.update((options) => ({
       ...options,
       data: makeData(5000),
     }))
@@ -161,7 +161,7 @@
       <label>
         <input
           checked={$table.getIsAllColumnsVisible()}
-          on:change={e => {
+          on:change={(e) => {
             console.info($table.getToggleAllColumnsVisibilityHandler()(e))
           }}
           type="checkbox"
@@ -197,7 +197,7 @@
       <input
         type="checkbox"
         checked={isSplit}
-        on:change={e => (isSplit = e.currentTarget.checked)}
+        on:change={(e) => (isSplit = e.currentTarget.checked)}
       />{' '}
       Split Mode
     </label>
@@ -215,7 +215,7 @@
                       <svelte:component
                         this={flexRender(
                           header.column.columnDef.header,
-                          header.getContext()
+                          header.getContext(),
                         )}
                       />
                     {/if}
@@ -267,7 +267,7 @@
                   <svelte:component
                     this={flexRender(
                       cell.column.columnDef.cell,
-                      cell.getContext()
+                      cell.getContext(),
                     )}
                   />
                 </td>
@@ -288,7 +288,7 @@
                     <svelte:component
                       this={flexRender(
                         header.column.columnDef.header,
-                        header.getContext()
+                        header.getContext(),
                       )}
                     />
                   {/if}
@@ -340,7 +340,7 @@
                 <svelte:component
                   this={flexRender(
                     cell.column.columnDef.cell,
-                    cell.getContext()
+                    cell.getContext(),
                   )}
                 />
               </td>
@@ -361,7 +361,7 @@
                       <svelte:component
                         this={flexRender(
                           header.column.columnDef.header,
-                          header.getContext()
+                          header.getContext(),
                         )}
                       />
                     {/if}
@@ -413,7 +413,7 @@
                   <svelte:component
                     this={flexRender(
                       cell.column.columnDef.cell,
-                      cell.getContext()
+                      cell.getContext(),
                     )}
                   />
                 </td>
diff --git a/examples/svelte/column-visibility/src/App.svelte b/examples/svelte/column-visibility/src/App.svelte
index 476bada33a..3a32d9060c 100644
--- a/examples/svelte/column-visibility/src/App.svelte
+++ b/examples/svelte/column-visibility/src/App.svelte
@@ -53,30 +53,30 @@
   const columns: ColumnDef<Person>[] = [
     {
       header: 'Name',
-      footer: props => props.column.id,
+      footer: (props) => props.column.id,
       columns: [
         {
           accessorKey: 'firstName',
-          cell: info => info.getValue(),
-          footer: props => props.column.id,
+          cell: (info) => info.getValue(),
+          footer: (props) => props.column.id,
         },
         {
-          accessorFn: row => row.lastName,
+          accessorFn: (row) => row.lastName,
           id: 'lastName',
-          cell: info => info.getValue(),
+          cell: (info) => info.getValue(),
           header: () => 'Last Name',
-          footer: props => props.column.id,
+          footer: (props) => props.column.id,
         },
       ],
     },
     {
       header: 'Info',
-      footer: props => props.column.id,
+      footer: (props) => props.column.id,
       columns: [
         {
           accessorKey: 'age',
           header: () => 'Age',
-          footer: props => props.column.id,
+          footer: (props) => props.column.id,
         },
         {
           header: 'More Info',
@@ -84,17 +84,17 @@
             {
               accessorKey: 'visits',
               header: () => 'Visits',
-              footer: props => props.column.id,
+              footer: (props) => props.column.id,
             },
             {
               accessorKey: 'status',
               header: 'Status',
-              footer: props => props.column.id,
+              footer: (props) => props.column.id,
             },
             {
               accessorKey: 'progress',
               header: 'Profile Progress',
-              footer: props => props.column.id,
+              footer: (props) => props.column.id,
             },
           ],
         },
@@ -104,13 +104,13 @@
 
   let columnVisibility: VisibilityState = {}
 
-  const setColumnVisibility: OnChangeFn<VisibilityState> = updater => {
+  const setColumnVisibility: OnChangeFn<VisibilityState> = (updater) => {
     if (updater instanceof Function) {
       columnVisibility = updater(columnVisibility)
     } else {
       columnVisibility = updater
     }
-    options.update(old => ({
+    options.update((old) => ({
       ...old,
       state: {
         ...old.state,
@@ -132,7 +132,7 @@
   })
 
   const rerender = () => {
-    options.update(options => ({
+    options.update((options) => ({
       ...options,
       data: defaultData,
     }))
@@ -146,7 +146,7 @@
       <label>
         <input
           checked={$table.getIsAllColumnsVisible()}
-          on:change={e => {
+          on:change={(e) => {
             console.info($table.getToggleAllColumnsVisibilityHandler()(e))
           }}
           type="checkbox"
@@ -178,7 +178,7 @@
                 <svelte:component
                   this={flexRender(
                     header.column.columnDef.header,
-                    header.getContext()
+                    header.getContext(),
                   )}
                 />
               {/if}
@@ -209,7 +209,7 @@
                 <svelte:component
                   this={flexRender(
                     header.column.columnDef.footer,
-                    header.getContext()
+                    header.getContext(),
                   )}
                 />
               {/if}
diff --git a/examples/svelte/filtering/src/App.svelte b/examples/svelte/filtering/src/App.svelte
index 9a7f5de097..d8cf694839 100644
--- a/examples/svelte/filtering/src/App.svelte
+++ b/examples/svelte/filtering/src/App.svelte
@@ -37,11 +37,11 @@
 
   let columns: ColumnDef<Person>[] = [
     {
-      accessorFn: row => `${row.firstName} ${row.lastName}`,
+      accessorFn: (row) => `${row.firstName} ${row.lastName}`,
       id: 'fullName',
       header: 'Name',
-      cell: info => info.getValue(),
-      footer: props => props.column.id,
+      cell: (info) => info.getValue(),
+      footer: (props) => props.column.id,
       filterFn: 'fuzzy',
     },
   ]
@@ -84,7 +84,7 @@
               <svelte:component
                 this={flexRender(
                   header.column.columnDef.header,
-                  header.getContext()
+                  header.getContext(),
                 )}
               />
             {/if}
diff --git a/examples/svelte/sorting/src/App.svelte b/examples/svelte/sorting/src/App.svelte
index c48ea9df32..3376b3e5bd 100644
--- a/examples/svelte/sorting/src/App.svelte
+++ b/examples/svelte/sorting/src/App.svelte
@@ -18,30 +18,30 @@
   const columns: ColumnDef<Person>[] = [
     {
       header: 'Name',
-      footer: props => props.column.id,
+      footer: (props) => props.column.id,
       columns: [
         {
           accessorKey: 'firstName',
-          cell: info => info.getValue(),
-          footer: props => props.column.id,
+          cell: (info) => info.getValue(),
+          footer: (props) => props.column.id,
         },
         {
-          accessorFn: row => row.lastName,
+          accessorFn: (row) => row.lastName,
           id: 'lastName',
-          cell: info => info.getValue(),
+          cell: (info) => info.getValue(),
           header: () => 'Last Name',
-          footer: props => props.column.id,
+          footer: (props) => props.column.id,
         },
       ],
     },
     {
       header: 'Info',
-      footer: props => props.column.id,
+      footer: (props) => props.column.id,
       columns: [
         {
           accessorKey: 'age',
           header: () => 'Age',
-          footer: props => props.column.id,
+          footer: (props) => props.column.id,
         },
         {
           header: 'More Info',
@@ -49,17 +49,17 @@
             {
               accessorKey: 'visits',
               header: () => 'Visits',
-              footer: props => props.column.id,
+              footer: (props) => props.column.id,
             },
             {
               accessorKey: 'status',
               header: 'Status',
-              footer: props => props.column.id,
+              footer: (props) => props.column.id,
             },
             {
               accessorKey: 'progress',
               header: 'Profile Progress',
-              footer: props => props.column.id,
+              footer: (props) => props.column.id,
             },
           ],
         },
@@ -71,13 +71,13 @@
 
   let sorting: SortingState = []
 
-  const setSorting: OnChangeFn<SortingState> = updater => {
+  const setSorting: OnChangeFn<SortingState> = (updater) => {
     if (updater instanceof Function) {
       sorting = updater(sorting)
     } else {
       sorting = updater
     }
-    options.update(old => ({
+    options.update((old) => ({
       ...old,
       state: {
         ...old.state,
@@ -100,14 +100,14 @@
 
   const refreshData = () => {
     console.info('refresh')
-    options.update(prev => ({
+    options.update((prev) => ({
       ...prev,
       data: makeData(100_000),
     }))
   }
 
   const rerender = () => {
-    options.update(options => ({
+    options.update((options) => ({
       ...options,
       data,
     }))
@@ -133,7 +133,7 @@
                   <svelte:component
                     this={flexRender(
                       header.column.columnDef.header,
-                      header.getContext()
+                      header.getContext(),
                     )}
                   />
                   {#if header.column.getIsSorted().toString() === 'asc'}
@@ -170,7 +170,7 @@
                 <svelte:component
                   this={flexRender(
                     header.column.columnDef.footer,
-                    header.getContext()
+                    header.getContext(),
                   )}
                 />
               {/if}
diff --git a/examples/vanilla/basic/src/main.ts b/examples/vanilla/basic/src/main.ts
index a041ac7ab2..ecf789bc20 100644
--- a/examples/vanilla/basic/src/main.ts
+++ b/examples/vanilla/basic/src/main.ts
@@ -44,31 +44,31 @@ const columnHelper = createColumnHelper<Person>()
 
 const columns = [
   columnHelper.accessor('firstName', {
-    cell: info => info.getValue(),
-    footer: info => info.column.id,
+    cell: (info) => info.getValue(),
+    footer: (info) => info.column.id,
   }),
-  columnHelper.accessor(row => row.lastName, {
+  columnHelper.accessor((row) => row.lastName, {
     id: 'lastName',
-    cell: info => `<i>${info.getValue()}</i>`,
+    cell: (info) => `<i>${info.getValue()}</i>`,
     header: () => '<span>Last Name</span>',
-    footer: info => info.column.id,
+    footer: (info) => info.column.id,
   }),
   columnHelper.accessor('age', {
     header: () => 'Age',
-    cell: info => info.renderValue(),
-    footer: info => info.column.id,
+    cell: (info) => info.renderValue(),
+    footer: (info) => info.column.id,
   }),
   columnHelper.accessor('visits', {
     header: () => '<span>Visits</span>',
-    footer: info => info.column.id,
+    footer: (info) => info.column.id,
   }),
   columnHelper.accessor('status', {
     header: 'Status',
-    footer: info => info.column.id,
+    footer: (info) => info.column.id,
   }),
   columnHelper.accessor('progress', {
     header: 'Profile Progress',
-    footer: info => info.column.id,
+    footer: (info) => info.column.id,
   }),
 ]
 
@@ -84,9 +84,9 @@ const renderTable = () => {
   tableElement.appendChild(tfootElement)
 
   // Render table headers
-  table.getHeaderGroups().forEach(headerGroup => {
+  table.getHeaderGroups().forEach((headerGroup) => {
     const trElement = document.createElement('tr')
-    headerGroup.headers.forEach(header => {
+    headerGroup.headers.forEach((header) => {
       const thElement = document.createElement('th')
       thElement.innerHTML = header.isPlaceholder
         ? ''
@@ -97,13 +97,13 @@ const renderTable = () => {
   })
 
   // Render table rows
-  table.getRowModel().rows.forEach(row => {
+  table.getRowModel().rows.forEach((row) => {
     const trElement = document.createElement('tr')
-    row.getVisibleCells().forEach(cell => {
+    row.getVisibleCells().forEach((cell) => {
       const tdElement = document.createElement('td')
       tdElement.innerHTML = flexRender(
         cell.column.columnDef.cell,
-        cell.getContext()
+        cell.getContext(),
       )
       trElement.appendChild(tdElement)
     })
@@ -111,9 +111,9 @@ const renderTable = () => {
   })
 
   // Render table footers
-  table.getFooterGroups().forEach(footerGroup => {
+  table.getFooterGroups().forEach((footerGroup) => {
     const trElement = document.createElement('tr')
-    footerGroup.headers.forEach(header => {
+    footerGroup.headers.forEach((header) => {
       const thElement = document.createElement('th')
       thElement.innerHTML = header.isPlaceholder
         ? ''
diff --git a/examples/vanilla/basic/src/useTable.ts b/examples/vanilla/basic/src/useTable.ts
index df476ee682..a22517e7b6 100644
--- a/examples/vanilla/basic/src/useTable.ts
+++ b/examples/vanilla/basic/src/useTable.ts
@@ -15,7 +15,7 @@ export const flexRender = <TProps extends object>(comp: any, props: TProps) => {
 }
 
 export const useTable = <TData extends RowData>(
-  options: TableOptions<TData>
+  options: TableOptions<TData>,
 ) => {
   // Compose in the generic options to the user options
   const resolvedOptions: TableOptionsResolved<TData> = {
@@ -32,8 +32,8 @@ export const useTable = <TData extends RowData>(
   const state = atom(table.initialState)
 
   // Subscribe to state changes
-  state.subscribe(currentState => {
-    table.setOptions(prev => ({
+  state.subscribe((currentState) => {
+    table.setOptions((prev) => ({
       ...prev,
       ...options,
       state: {
@@ -41,7 +41,7 @@ export const useTable = <TData extends RowData>(
         ...options.state,
       },
       // Similarly, we'll maintain both our internal state and any user-provided state
-      onStateChange: updater => {
+      onStateChange: (updater) => {
         if (typeof updater === 'function') {
           const newState = updater(currentState)
           state.set(newState)
diff --git a/examples/vanilla/pagination/src/main.ts b/examples/vanilla/pagination/src/main.ts
index b2173b6d80..b410af07ef 100644
--- a/examples/vanilla/pagination/src/main.ts
+++ b/examples/vanilla/pagination/src/main.ts
@@ -16,31 +16,31 @@ const columnHelper = createColumnHelper<Person>()
 
 const columns = [
   columnHelper.accessor('firstName', {
-    cell: info => info.getValue(),
-    footer: info => info.column.id,
+    cell: (info) => info.getValue(),
+    footer: (info) => info.column.id,
   }),
-  columnHelper.accessor(row => row.lastName, {
+  columnHelper.accessor((row) => row.lastName, {
     id: 'lastName',
-    cell: info => `<i>${info.getValue()}</i>`,
+    cell: (info) => `<i>${info.getValue()}</i>`,
     header: () => '<span>Last Name</span>',
-    footer: info => info.column.id,
+    footer: (info) => info.column.id,
   }),
   columnHelper.accessor('age', {
     header: () => 'Age',
-    cell: info => info.renderValue(),
-    footer: info => info.column.id,
+    cell: (info) => info.renderValue(),
+    footer: (info) => info.column.id,
   }),
   columnHelper.accessor('visits', {
     header: () => '<span>Visits</span>',
-    footer: info => info.column.id,
+    footer: (info) => info.column.id,
   }),
   columnHelper.accessor('status', {
     header: 'Status',
-    footer: info => info.column.id,
+    footer: (info) => info.column.id,
   }),
   columnHelper.accessor('progress', {
     header: 'Profile Progress',
-    footer: info => info.column.id,
+    footer: (info) => info.column.id,
   }),
 ]
 
@@ -56,20 +56,23 @@ const renderTable = () => {
   tableElement.appendChild(tbodyElement)
 
   // Render table headers
-  table.getHeaderGroups().forEach(headerGroup => {
+  table.getHeaderGroups().forEach((headerGroup) => {
     const trElement = document.createElement('tr')
-    headerGroup.headers.forEach(header => {
+    headerGroup.headers.forEach((header) => {
       const thElement = document.createElement('th')
       thElement.colSpan = header.colSpan
       const divElement = document.createElement('div')
       divElement.classList.add(
         'w-36',
-        ...(header.column.getCanSort() ? ['cursor-pointer', 'select-none'] : [])
+        ...(header.column.getCanSort()
+          ? ['cursor-pointer', 'select-none']
+          : []),
       )
-      ;(divElement.onclick = e => header.column.getToggleSortingHandler()?.(e)),
+      ;((divElement.onclick = (e) =>
+        header.column.getToggleSortingHandler()?.(e)),
         (divElement.innerHTML = header.isPlaceholder
           ? ''
-          : flexRender(header.column.columnDef.header, header.getContext()))
+          : flexRender(header.column.columnDef.header, header.getContext())))
       divElement.innerHTML +=
         {
           asc: ' 🔼',
@@ -82,13 +85,13 @@ const renderTable = () => {
   })
 
   // Render table rows
-  table.getRowModel().rows.forEach(row => {
+  table.getRowModel().rows.forEach((row) => {
     const trElement = document.createElement('tr')
-    row.getVisibleCells().forEach(cell => {
+    row.getVisibleCells().forEach((cell) => {
       const tdElement = document.createElement('td')
       tdElement.innerHTML = flexRender(
         cell.column.columnDef.cell,
-        cell.getContext()
+        cell.getContext(),
       )
       trElement.appendChild(tdElement)
     })
@@ -146,10 +149,10 @@ const renderTable = () => {
   paginationPageInput.min = String(1)
   paginationPageInput.max = String(table.getPageCount())
   paginationPageInput.defaultValue = String(
-    table.getState().pagination.pageIndex + 1
+    table.getState().pagination.pageIndex + 1,
   )
   paginationPageInput.classList.add('border', 'p-1', 'rounded', 'w-16')
-  paginationPageInput.oninput = e => {
+  paginationPageInput.oninput = (e) => {
     const target = e.target as HTMLInputElement
     const page = target.value ? Number(target.value) - 1 : 0
     table.setPageIndex(page)
@@ -160,11 +163,11 @@ const renderTable = () => {
   // Render pagiantion page size
   const paginationPageSizeSelect = document.createElement('select')
   paginationPageSizeSelect.value = String(table.getState().pagination.pageSize)
-  paginationPageSizeSelect.onchange = e => {
+  paginationPageSizeSelect.onchange = (e) => {
     const target = e.target as HTMLSelectElement
     table.setPageSize(Number(target.value))
   }
-  ;[10, 20, 30, 40, 50].map(pageSize => {
+  ;[10, 20, 30, 40, 50].map((pageSize) => {
     const option = document.createElement('option')
     option.value = String(pageSize)
     option.selected = table.getState().pagination.pageSize === pageSize
@@ -181,7 +184,7 @@ const renderTable = () => {
       sorting: table.getState().sorting,
     },
     null,
-    2
+    2,
   )
 
   // Clear previous content and append new content
diff --git a/examples/vanilla/pagination/src/useTable.ts b/examples/vanilla/pagination/src/useTable.ts
index df476ee682..a22517e7b6 100644
--- a/examples/vanilla/pagination/src/useTable.ts
+++ b/examples/vanilla/pagination/src/useTable.ts
@@ -15,7 +15,7 @@ export const flexRender = <TProps extends object>(comp: any, props: TProps) => {
 }
 
 export const useTable = <TData extends RowData>(
-  options: TableOptions<TData>
+  options: TableOptions<TData>,
 ) => {
   // Compose in the generic options to the user options
   const resolvedOptions: TableOptionsResolved<TData> = {
@@ -32,8 +32,8 @@ export const useTable = <TData extends RowData>(
   const state = atom(table.initialState)
 
   // Subscribe to state changes
-  state.subscribe(currentState => {
-    table.setOptions(prev => ({
+  state.subscribe((currentState) => {
+    table.setOptions((prev) => ({
       ...prev,
       ...options,
       state: {
@@ -41,7 +41,7 @@ export const useTable = <TData extends RowData>(
         ...options.state,
       },
       // Similarly, we'll maintain both our internal state and any user-provided state
-      onStateChange: updater => {
+      onStateChange: (updater) => {
         if (typeof updater === 'function') {
           const newState = updater(currentState)
           state.set(newState)
diff --git a/examples/vanilla/sorting/src/main.ts b/examples/vanilla/sorting/src/main.ts
index a568519321..c9ff1b0744 100644
--- a/examples/vanilla/sorting/src/main.ts
+++ b/examples/vanilla/sorting/src/main.ts
@@ -24,19 +24,19 @@ const columnHelper = createColumnHelper<Person>()
 
 const columns = [
   columnHelper.accessor('firstName', {
-    cell: info => info.getValue(),
+    cell: (info) => info.getValue(),
     // This column will sort in ascending order by default since it is a string column
   }),
-  columnHelper.accessor(row => row.lastName, {
+  columnHelper.accessor((row) => row.lastName, {
     id: 'lastName',
-    cell: info => `<i>${info.getValue()}</i>`,
+    cell: (info) => `<i>${info.getValue()}</i>`,
     header: () => '<span>Last Name</span>',
     sortUndefined: 'last', // Force undefined values to the end
     sortDescFirst: false, // First sort order will be ascending (nullable values can mess up auto detection of sort order)
   }),
   columnHelper.accessor('age', {
     header: () => 'Age',
-    cell: info => info.renderValue(),
+    cell: (info) => info.renderValue(),
     // This column will sort in descending order by default since it is a number column
   }),
   columnHelper.accessor('visits', {
@@ -72,20 +72,23 @@ const renderTable = () => {
   tableElement.appendChild(tbodyElement)
 
   // Render table headers
-  table.getHeaderGroups().forEach(headerGroup => {
+  table.getHeaderGroups().forEach((headerGroup) => {
     const trElement = document.createElement('tr')
-    headerGroup.headers.forEach(header => {
+    headerGroup.headers.forEach((header) => {
       const thElement = document.createElement('th')
       thElement.colSpan = header.colSpan
       const divElement = document.createElement('div')
       divElement.classList.add(
         'w-36',
-        ...(header.column.getCanSort() ? ['cursor-pointer', 'select-none'] : [])
+        ...(header.column.getCanSort()
+          ? ['cursor-pointer', 'select-none']
+          : []),
       )
-      ;(divElement.onclick = e => header.column.getToggleSortingHandler()?.(e)),
+      ;((divElement.onclick = (e) =>
+        header.column.getToggleSortingHandler()?.(e)),
         (divElement.innerHTML = header.isPlaceholder
           ? ''
-          : flexRender(header.column.columnDef.header, header.getContext()))
+          : flexRender(header.column.columnDef.header, header.getContext())))
       divElement.innerHTML +=
         {
           asc: ' 🔼',
@@ -101,13 +104,13 @@ const renderTable = () => {
   table
     .getRowModel()
     .rows.slice(0, 10)
-    .forEach(row => {
+    .forEach((row) => {
       const trElement = document.createElement('tr')
-      row.getVisibleCells().forEach(cell => {
+      row.getVisibleCells().forEach((cell) => {
         const tdElement = document.createElement('td')
         tdElement.innerHTML = flexRender(
           cell.column.columnDef.cell,
-          cell.getContext()
+          cell.getContext(),
         )
         trElement.appendChild(tdElement)
       })
@@ -121,7 +124,7 @@ const renderTable = () => {
       sorting: table.getState().sorting,
     },
     null,
-    2
+    2,
   )
 
   // Clear previous content and append new content
diff --git a/examples/vanilla/sorting/src/useTable.ts b/examples/vanilla/sorting/src/useTable.ts
index df476ee682..a22517e7b6 100644
--- a/examples/vanilla/sorting/src/useTable.ts
+++ b/examples/vanilla/sorting/src/useTable.ts
@@ -15,7 +15,7 @@ export const flexRender = <TProps extends object>(comp: any, props: TProps) => {
 }
 
 export const useTable = <TData extends RowData>(
-  options: TableOptions<TData>
+  options: TableOptions<TData>,
 ) => {
   // Compose in the generic options to the user options
   const resolvedOptions: TableOptionsResolved<TData> = {
@@ -32,8 +32,8 @@ export const useTable = <TData extends RowData>(
   const state = atom(table.initialState)
 
   // Subscribe to state changes
-  state.subscribe(currentState => {
-    table.setOptions(prev => ({
+  state.subscribe((currentState) => {
+    table.setOptions((prev) => ({
       ...prev,
       ...options,
       state: {
@@ -41,7 +41,7 @@ export const useTable = <TData extends RowData>(
         ...options.state,
       },
       // Similarly, we'll maintain both our internal state and any user-provided state
-      onStateChange: updater => {
+      onStateChange: (updater) => {
         if (typeof updater === 'function') {
           const newState = updater(currentState)
           state.set(newState)
diff --git a/examples/vue/basic/src/App.vue b/examples/vue/basic/src/App.vue
index 37bec1c34c..8221da50a0 100644
--- a/examples/vue/basic/src/App.vue
+++ b/examples/vue/basic/src/App.vue
@@ -48,42 +48,42 @@ const columnHelper = createColumnHelper<Person>()
 const columns = [
   columnHelper.group({
     header: 'Name',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
     columns: [
       columnHelper.accessor('firstName', {
-        cell: info => info.getValue(),
-        footer: props => props.column.id,
+        cell: (info) => info.getValue(),
+        footer: (props) => props.column.id,
       }),
-      columnHelper.accessor(row => row.lastName, {
+      columnHelper.accessor((row) => row.lastName, {
         id: 'lastName',
-        cell: info => info.getValue(),
+        cell: (info) => info.getValue(),
         header: () => 'Last Name',
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       }),
     ],
   }),
   columnHelper.group({
     header: 'Info',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
     columns: [
       columnHelper.accessor('age', {
         header: () => 'Age',
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       }),
       columnHelper.group({
         header: 'More Info',
         columns: [
           columnHelper.accessor('visits', {
             header: () => 'Visits',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           }),
           columnHelper.accessor('status', {
             header: 'Status',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           }),
           columnHelper.accessor('progress', {
             header: 'Profile Progress',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           }),
         ],
       }),
diff --git a/examples/vue/column-ordering/src/App.vue b/examples/vue/column-ordering/src/App.vue
index 38b9aa6256..cbe0ce0cb2 100644
--- a/examples/vue/column-ordering/src/App.vue
+++ b/examples/vue/column-ordering/src/App.vue
@@ -18,42 +18,42 @@ const data = ref(makeData(20))
 const columns = ref([
   columnHelper.group({
     header: 'Name',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
     columns: [
       columnHelper.accessor('firstName', {
-        cell: info => info.getValue(),
-        footer: props => props.column.id,
+        cell: (info) => info.getValue(),
+        footer: (props) => props.column.id,
       }),
-      columnHelper.accessor(row => row.lastName, {
+      columnHelper.accessor((row) => row.lastName, {
         id: 'lastName',
-        cell: info => info.getValue(),
+        cell: (info) => info.getValue(),
         header: () => 'Last Name',
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       }),
     ],
   }),
   columnHelper.group({
     header: 'Info',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
     columns: [
       columnHelper.accessor('age', {
         header: () => 'Age',
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       }),
       columnHelper.group({
         header: 'More Info',
         columns: [
           columnHelper.accessor('visits', {
             header: () => 'Visits',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           }),
           columnHelper.accessor('status', {
             header: 'Status',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           }),
           columnHelper.accessor('progress', {
             header: 'Profile Progress',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           }),
         ],
       }),
@@ -82,7 +82,7 @@ const table = useVueTable({
     },
   },
 
-  onColumnOrderChange: order => {
+  onColumnOrderChange: (order) => {
     columnOrder.value =
       order instanceof Function ? order(columnOrder.value) : order
   },
@@ -94,7 +94,7 @@ const table = useVueTable({
 
 const randomizeColumns = () => {
   table.setColumnOrder(
-    faker.helpers.shuffle(table.getAllLeafColumns().map(d => d.id))
+    faker.helpers.shuffle(table.getAllLeafColumns().map((d) => d.id)),
   )
 }
 
@@ -106,7 +106,7 @@ function toggleColumnVisibility(column: Column<any, any>) {
 }
 
 function toggleAllColumnsVisibility() {
-  table.getAllLeafColumns().forEach(column => {
+  table.getAllLeafColumns().forEach((column) => {
     toggleColumnVisibility(column)
   })
 }
diff --git a/examples/vue/column-pinning/src/App.vue b/examples/vue/column-pinning/src/App.vue
index f3a64cee67..add28ca620 100644
--- a/examples/vue/column-pinning/src/App.vue
+++ b/examples/vue/column-pinning/src/App.vue
@@ -23,42 +23,42 @@ const columns = ref([
   columnHelper.group({
     // id: 'Name',
     header: 'Name',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
     columns: [
       columnHelper.accessor('firstName', {
-        cell: info => info.getValue(),
-        footer: props => props.column.id,
+        cell: (info) => info.getValue(),
+        footer: (props) => props.column.id,
       }),
-      columnHelper.accessor(row => row.lastName, {
+      columnHelper.accessor((row) => row.lastName, {
         id: 'lastName',
-        cell: info => info.getValue(),
+        cell: (info) => info.getValue(),
         header: () => 'Last Name',
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       }),
     ],
   }),
   columnHelper.group({
     header: 'Info',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
     columns: [
       columnHelper.accessor('age', {
         header: () => 'Age',
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       }),
       columnHelper.group({
         header: 'More Info',
         columns: [
           columnHelper.accessor('visits', {
             header: () => 'Visits',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           }),
           columnHelper.accessor('status', {
             header: 'Status',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           }),
           columnHelper.accessor('progress', {
             header: 'Profile Progress',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           }),
         ],
       }),
@@ -93,11 +93,11 @@ const table = useVueTable({
     },
   },
 
-  onColumnOrderChange: order => {
+  onColumnOrderChange: (order) => {
     columnOrder.value =
       order instanceof Function ? order(columnOrder.value) : order
   },
-  onColumnPinningChange: pinning => {
+  onColumnPinningChange: (pinning) => {
     columnPinning.value =
       pinning instanceof Function ? pinning(columnPinning.value) : pinning
   },
@@ -109,7 +109,7 @@ const table = useVueTable({
 
 const randomizeColumns = () => {
   table.setColumnOrder(
-    faker.helpers.shuffle(table.getAllLeafColumns().map(d => d.id))
+    faker.helpers.shuffle(table.getAllLeafColumns().map((d) => d.id)),
   )
 }
 
@@ -121,7 +121,7 @@ function toggleColumnVisibility(column: Column<any, any>) {
 }
 
 function toggleAllColumnsVisibility() {
-  table.getAllLeafColumns().forEach(column => {
+  table.getAllLeafColumns().forEach((column) => {
     toggleColumnVisibility(column)
   })
 }
diff --git a/examples/vue/filters/src/App.vue b/examples/vue/filters/src/App.vue
index 967c384957..1cfae7214f 100644
--- a/examples/vue/filters/src/App.vue
+++ b/examples/vue/filters/src/App.vue
@@ -51,42 +51,42 @@ const columnHelper = createColumnHelper<Person>()
 const columns = [
   columnHelper.group({
     header: 'Name',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
     columns: [
       columnHelper.accessor('firstName', {
-        cell: info => info.getValue(),
-        footer: props => props.column.id,
+        cell: (info) => info.getValue(),
+        footer: (props) => props.column.id,
       }),
-      columnHelper.accessor(row => row.lastName, {
+      columnHelper.accessor((row) => row.lastName, {
         id: 'lastName',
-        cell: info => info.getValue(),
+        cell: (info) => info.getValue(),
         header: () => 'Last Name',
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       }),
     ],
   }),
   columnHelper.group({
     header: 'Info',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
     columns: [
       columnHelper.accessor('age', {
         header: () => 'Age',
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       }),
       columnHelper.group({
         header: 'More Info',
         columns: [
           columnHelper.accessor('visits', {
             header: () => 'Visits',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           }),
           columnHelper.accessor('status', {
             header: 'Status',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           }),
           columnHelper.accessor('progress', {
             header: 'Profile Progress',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           }),
         ],
       }),
@@ -112,13 +112,13 @@ const table = useVueTable({
       return globalFilter.value
     },
   },
-  onColumnFiltersChange: updaterOrValue => {
+  onColumnFiltersChange: (updaterOrValue) => {
     columnFilters.value =
       typeof updaterOrValue === 'function'
         ? updaterOrValue(columnFilters.value)
         : updaterOrValue
   },
-  onGlobalFilterChange: updaterOrValue => {
+  onGlobalFilterChange: (updaterOrValue) => {
     globalFilter.value =
       typeof updaterOrValue === 'function'
         ? updaterOrValue(globalFilter.value)
@@ -137,7 +137,7 @@ const table = useVueTable({
     <div>
       <DebouncedInput
         :modelValue="globalFilter ?? ''"
-        @update:modelValue="value => (globalFilter = String(value))"
+        @update:modelValue="(value) => (globalFilter = String(value))"
         className="p-2 font-lg shadow border border-block"
         placeholder="Search all columns..."
       />
diff --git a/examples/vue/filters/src/DebouncedInput.vue b/examples/vue/filters/src/DebouncedInput.vue
index a15b6a86b7..b6a8b2b1d7 100644
--- a/examples/vue/filters/src/DebouncedInput.vue
+++ b/examples/vue/filters/src/DebouncedInput.vue
@@ -26,7 +26,7 @@ const localValue = computed({
     }
     timeout.value = setTimeout(
       () => emit('update:modelValue', newValue),
-      props.debounce
+      props.debounce,
     )
   },
 })
diff --git a/examples/vue/filters/src/Filter.vue b/examples/vue/filters/src/Filter.vue
index 71bb83e48c..7ab705b2c8 100644
--- a/examples/vue/filters/src/Filter.vue
+++ b/examples/vue/filters/src/Filter.vue
@@ -13,13 +13,13 @@ const props = defineProps({
   },
 })
 const firstValue = computed(() =>
-  props.table.getPreFilteredRowModel().flatRows[0]?.getValue(props.column.id)
+  props.table.getPreFilteredRowModel().flatRows[0]?.getValue(props.column.id),
 )
 const columnFilterValue = computed(() => props.column.getFilterValue())
 const sortedUniqueValues = computed(() =>
   typeof firstValue.value === 'number'
     ? []
-    : Array.from(props.column.getFacetedUniqueValues().keys()).sort()
+    : Array.from(props.column.getFacetedUniqueValues().keys()).sort(),
 )
 </script>
 
@@ -32,7 +32,7 @@ const sortedUniqueValues = computed(() =>
         :max="Number(column.getFacetedMinMaxValues()?.[1] ?? '')"
         :modelValue="(columnFilterValue as [number, number])?.[0] ?? ''"
         @update:modelValue="
-          value =>
+          (value) =>
             column.setFilterValue((old: [number, number]) => [value, old?.[1]])
         "
         :placeholder="`Min ${
@@ -48,7 +48,7 @@ const sortedUniqueValues = computed(() =>
         :max="Number(column.getFacetedMinMaxValues()?.[1] ?? '')"
         :modelValue="(columnFilterValue as [number, number])?.[1] ?? ''"
         @update:modelValue="
-          value =>
+          (value) =>
             column.setFilterValue((old: [number, number]) => [old?.[0], value])
         "
         :placeholder="`Max ${
@@ -72,7 +72,7 @@ const sortedUniqueValues = computed(() =>
     <DebouncedInput
       type="text"
       :modelValue="(columnFilterValue ?? '') as string"
-      @update:modelValue="value => column.setFilterValue(value)"
+      @update:modelValue="(value) => column.setFilterValue(value)"
       :placeholder="`Search... (${column.getFacetedUniqueValues().size})`"
       class="w-36 border shadow rounded"
       :list="column.id + 'list'"
diff --git a/examples/vue/grouping/src/App.vue b/examples/vue/grouping/src/App.vue
index cec2b82770..c6e96e3e46 100644
--- a/examples/vue/grouping/src/App.vue
+++ b/examples/vue/grouping/src/App.vue
@@ -76,14 +76,14 @@ const columns: ColumnDef<Task>[] = [
     accessorKey: 'status',
     header: 'Status',
     enableGrouping: true,
-    accessorFn: row => row.status.name,
+    accessorFn: (row) => row.status.name,
     cell: ({ row }) => row.original.status.name,
   },
   {
     accessorKey: 'priority',
     header: 'Priority',
     enableGrouping: true,
-    accessorFn: row => row.priority.name,
+    accessorFn: (row) => row.priority.name,
     cell: ({ row }) => row.original.priority.name,
   },
   {
@@ -117,13 +117,13 @@ const table = useVueTable({
       return expanded.value
     },
   },
-  onGroupingChange: updaterOrValue => {
+  onGroupingChange: (updaterOrValue) => {
     grouping.value =
       typeof updaterOrValue === 'function'
         ? updaterOrValue(grouping.value)
         : updaterOrValue
   },
-  onExpandedChange: updaterOrValue => {
+  onExpandedChange: (updaterOrValue) => {
     expanded.value =
       typeof updaterOrValue === 'function'
         ? updaterOrValue(expanded.value)
diff --git a/examples/vue/pagination-controlled/src/App.vue b/examples/vue/pagination-controlled/src/App.vue
index 7dabf4cdb0..e69ef09ddc 100644
--- a/examples/vue/pagination-controlled/src/App.vue
+++ b/examples/vue/pagination-controlled/src/App.vue
@@ -51,13 +51,13 @@ const table = useVueTable({
     pagination: pagination.value,
   },
   manualPagination: true,
-  onPaginationChange: updater => {
+  onPaginationChange: (updater) => {
     if (typeof updater === 'function') {
       setPagination(
         updater({
           pageIndex: pagination.value.pageIndex,
           pageSize: pagination.value.pageSize,
-        })
+        }),
       )
     } else {
       setPagination(updater)
diff --git a/examples/vue/pagination-controlled/src/useService.ts b/examples/vue/pagination-controlled/src/useService.ts
index 2fcce0b199..ef5500c618 100644
--- a/examples/vue/pagination-controlled/src/useService.ts
+++ b/examples/vue/pagination-controlled/src/useService.ts
@@ -38,7 +38,7 @@ export default function useService(pagination: Ref<PaginationState>) {
     isLoading.value = true
 
     request.value = fetch(url.value)
-      .then(async response => {
+      .then(async (response) => {
         const responseData = await response.json()
 
         if (response.ok) {
@@ -50,7 +50,7 @@ export default function useService(pagination: Ref<PaginationState>) {
           throw new Error('Network response was not OK')
         }
       })
-      .catch(error => {
+      .catch((error) => {
         error.value = error
         data.value = null
         totalResultCount.value = DEFAULT_PAGE_COUNT
diff --git a/examples/vue/pagination/src/App.vue b/examples/vue/pagination/src/App.vue
index 8e92ffc60a..de4e704964 100644
--- a/examples/vue/pagination/src/App.vue
+++ b/examples/vue/pagination/src/App.vue
@@ -20,42 +20,42 @@ const data = ref(defaultData)
 const columns = [
   columnHelper.group({
     header: 'Name',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
     columns: [
       columnHelper.accessor('firstName', {
-        cell: info => info.getValue(),
-        footer: props => props.column.id,
+        cell: (info) => info.getValue(),
+        footer: (props) => props.column.id,
       }),
-      columnHelper.accessor(row => row.lastName, {
+      columnHelper.accessor((row) => row.lastName, {
         id: 'lastName',
-        cell: info => info.getValue(),
+        cell: (info) => info.getValue(),
         header: () => 'Last Name',
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       }),
     ],
   }),
   columnHelper.group({
     header: 'Info',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
     columns: [
       columnHelper.accessor('age', {
         header: () => 'Age',
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       }),
       columnHelper.group({
         header: 'More Info',
         columns: [
           columnHelper.accessor('visits', {
             header: () => 'Visits',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           }),
           columnHelper.accessor('status', {
             header: 'Status',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           }),
           columnHelper.accessor('progress', {
             header: 'Profile Progress',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           }),
         ],
       }),
diff --git a/examples/vue/row-selection/src/App.vue b/examples/vue/row-selection/src/App.vue
index af1200acb4..df726d7097 100644
--- a/examples/vue/row-selection/src/App.vue
+++ b/examples/vue/row-selection/src/App.vue
@@ -39,42 +39,42 @@ const columns = [
   },
   columnHelper.group({
     header: 'Name',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
     columns: [
       columnHelper.accessor('firstName', {
-        cell: info => info.getValue(),
-        footer: props => props.column.id,
+        cell: (info) => info.getValue(),
+        footer: (props) => props.column.id,
       }),
-      columnHelper.accessor(row => row.lastName, {
+      columnHelper.accessor((row) => row.lastName, {
         id: 'lastName',
-        cell: info => info.getValue(),
+        cell: (info) => info.getValue(),
         header: () => 'Last Name',
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       }),
     ],
   }),
   columnHelper.group({
     header: 'Info',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
     columns: [
       columnHelper.accessor('age', {
         header: () => 'Age',
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       }),
       columnHelper.group({
         header: 'More Info',
         columns: [
           columnHelper.accessor('visits', {
             header: () => 'Visits',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           }),
           columnHelper.accessor('status', {
             header: 'Status',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           }),
           columnHelper.accessor('progress', {
             header: 'Profile Progress',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           }),
         ],
       }),
@@ -101,7 +101,7 @@ const table = useVueTable({
   },
   enableRowSelection: true, //enable row selection for all rows
   // enableRowSelection: row => row.original.age > 18, // or enable row selection conditionally per row
-  onRowSelectionChange: updateOrValue => {
+  onRowSelectionChange: (updateOrValue) => {
     rowSelection.value =
       typeof updateOrValue === 'function'
         ? updateOrValue(rowSelection.value)
diff --git a/examples/vue/sorting/src/App.vue b/examples/vue/sorting/src/App.vue
index 0ca4cd0dfe..602739deb0 100644
--- a/examples/vue/sorting/src/App.vue
+++ b/examples/vue/sorting/src/App.vue
@@ -15,30 +15,30 @@ const columnHelper = createColumnHelper<Person>()
 const columns = [
   columnHelper.group({
     header: 'Name',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
     columns: [
       columnHelper.accessor('firstName', {
-        cell: info => info.getValue(),
-        footer: props => props.column.id,
+        cell: (info) => info.getValue(),
+        footer: (props) => props.column.id,
       }),
 
-      columnHelper.accessor(row => row.lastName, {
+      columnHelper.accessor((row) => row.lastName, {
         id: 'lastName',
-        cell: info => info.getValue(),
+        cell: (info) => info.getValue(),
         header: () => h('span', 'Last Name'),
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       }),
     ],
   }),
 
   columnHelper.group({
     header: 'Info',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
 
     columns: [
       columnHelper.accessor('age', {
         header: () => 'Age',
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       }),
 
       columnHelper.group({
@@ -46,17 +46,17 @@ const columns = [
         columns: [
           columnHelper.accessor('visits', {
             header: () => h('span', 'Visits'),
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           }),
 
           columnHelper.accessor('status', {
             header: 'Status',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           }),
 
           columnHelper.accessor('progress', {
             header: 'Profile Progress',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           }),
         ],
       }),
@@ -86,7 +86,7 @@ const table = useVueTable({
       return sorting.value
     },
   },
-  onSortingChange: updaterOrValue => {
+  onSortingChange: (updaterOrValue) => {
     sorting.value =
       typeof updaterOrValue === 'function'
         ? updaterOrValue(sorting.value)
diff --git a/examples/vue/sub-components/src/App.vue b/examples/vue/sub-components/src/App.vue
index 7c8e005251..51e194a1dd 100644
--- a/examples/vue/sub-components/src/App.vue
+++ b/examples/vue/sub-components/src/App.vue
@@ -54,13 +54,13 @@ function renderExpanded(row: Row<Person>) {
       onClick: row.getToggleExpandedHandler(),
       style: { cursor: 'pointer' },
     },
-    row.getIsExpanded() ? '👇' : '👉'
+    row.getIsExpanded() ? '👇' : '👉',
   )
 }
 const columns = [
   columnHelper.group({
     header: 'Name',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
     columns: [
       columnHelper.display({
         id: 'expander',
@@ -68,38 +68,38 @@ const columns = [
         cell: ({ row }) => renderExpanded(row),
       }),
       columnHelper.accessor('firstName', {
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       }),
-      columnHelper.accessor(row => row.lastName, {
+      columnHelper.accessor((row) => row.lastName, {
         id: 'lastName',
-        cell: info => info.getValue(),
+        cell: (info) => info.getValue(),
         header: () => 'Last Name',
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       }),
     ],
   }),
   columnHelper.group({
     header: 'Info',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
     columns: [
       columnHelper.accessor('age', {
         header: () => 'Age',
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       }),
       columnHelper.group({
         header: 'More Info',
         columns: [
           columnHelper.accessor('visits', {
             header: () => 'Visits',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           }),
           columnHelper.accessor('status', {
             header: 'Status',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           }),
           columnHelper.accessor('progress', {
             header: 'Profile Progress',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           }),
         ],
       }),
@@ -124,7 +124,7 @@ const table = useVueTable({
   getRowCanExpand: () => true,
   getCoreRowModel: getCoreRowModel(),
   getExpandedRowModel: getExpandedRowModel(),
-  onExpandedChange: updaterOrValue => {
+  onExpandedChange: (updaterOrValue) => {
     expanded.value =
       typeof updaterOrValue === 'function'
         ? updaterOrValue(expanded.value)
diff --git a/examples/vue/virtualized-rows/src/App.vue b/examples/vue/virtualized-rows/src/App.vue
index 8333e3762c..2e3bb8ff46 100644
--- a/examples/vue/virtualized-rows/src/App.vue
+++ b/examples/vue/virtualized-rows/src/App.vue
@@ -22,8 +22,8 @@ const filteredData = computed<Person[]>(() => {
   // If no search value is present, return all data
   if (!searchValue) return data.value
 
-  return data.value.filter(row => {
-    return Object.values(row).some(value => {
+  return data.value.filter((row) => {
+    return Object.values(row).some((value) => {
       if (value instanceof Date) {
         return value.toLocaleString().toLowerCase().includes(searchValue)
       }
@@ -51,12 +51,12 @@ const columns = computed<ColumnDef<Person>[]>(() => [
   },
   {
     accessorKey: 'firstName',
-    cell: info => info.getValue(),
+    cell: (info) => info.getValue(),
   },
   {
-    accessorFn: row => row.lastName,
+    accessorFn: (row) => row.lastName,
     id: 'lastName',
-    cell: info => info.getValue(),
+    cell: (info) => info.getValue(),
     header: () => h('span', 'Last Name'),
   },
   {
@@ -78,7 +78,7 @@ const columns = computed<ColumnDef<Person>[]>(() => [
   {
     accessorKey: 'createdAt',
     header: 'Created At',
-    cell: info => info.getValue<Date>().toLocaleString(),
+    cell: (info) => info.getValue<Date>().toLocaleString(),
   },
 ])
 
@@ -176,7 +176,7 @@ function measureElement(el?: Element) {
                 :class="{
                   'cursor-pointer select-none': header.column.getCanSort(),
                 }"
-                @click="e => header.column.getToggleSortingHandler()?.(e)"
+                @click="(e) => header.column.getToggleSortingHandler()?.(e)"
               >
                 <FlexRender
                   :render="header.column.columnDef.header"
diff --git a/nx.json b/nx.json
index f72872f8d3..235c20835d 100644
--- a/nx.json
+++ b/nx.json
@@ -4,6 +4,9 @@
   "nxCloudId": "6435ee4cd7387c45c0e4bf4c",
   "useInferencePlugins": false,
   "parallel": 5,
+  "tui": {
+    "enabled": false
+  },
   "namedInputs": {
     "sharedGlobals": [
       "{workspaceRoot}/.nvmrc",
diff --git a/package.json b/package.json
index d14f65845c..9de67730bd 100644
--- a/package.json
+++ b/package.json
@@ -3,7 +3,7 @@
   "private": true,
   "repository": {
     "type": "git",
-    "url": "https://github.com/tanstack/table.git"
+    "url": "git+https://github.com/TanStack/table.git"
   },
   "packageManager": "pnpm@10.24.0",
   "type": "module",
@@ -12,7 +12,6 @@
     "test": "pnpm run test:ci",
     "test:pr": "nx affected --targets=test:sherif,test:knip,test:docs,test:lib,test:types,build",
     "test:ci": "nx run-many --targets=test:sherif,test:knip,test:docs,test:lib,test:types,build",
-    "test:format": "pnpm run prettier --check",
     "test:sherif": "sherif -i react -i react-dom -i vue -i solid-js -i svelte -i @builder.io/qwik",
     "test:lib": "nx affected --targets=test:lib --exclude=examples/**",
     "test:lib:dev": "pnpm test:lib && nx watch --all -- pnpm test:lib",
@@ -23,10 +22,9 @@
     "build:all": "nx run-many --targets=build --exclude=examples/** && size-limit",
     "watch": "pnpm run build:all && nx watch --all -- pnpm run build:all",
     "dev": "pnpm run watch",
-    "prettier": "prettier --experimental-cli --ignore-unknown '**/*'",
-    "prettier:write": "pnpm run prettier --write",
+    "format": "prettier --experimental-cli --ignore-unknown '**/*' --write",
     "changeset": "changeset",
-    "changeset:version": "changeset version && pnpm install --no-frozen-lockfile && pnpm prettier:write",
+    "changeset:version": "changeset version && pnpm install --no-frozen-lockfile && pnpm format",
     "changeset:publish": "changeset publish"
   },
   "nx": {
@@ -67,8 +65,8 @@
     "jsdom": "^24.1.0",
     "knip": "^5.23.2",
     "markdown-link-extractor": "^4.0.2",
-    "nx": "^19.3.2",
-    "prettier": "^3.3.2",
+    "nx": "^22.1.3",
+    "prettier": "^3.7.4",
     "prettier-plugin-svelte": "^3.2.5",
     "rimraf": "^5.0.7",
     "rollup": "^4.18.0",
diff --git a/packages/angular-table/package.json b/packages/angular-table/package.json
index 2ae1ecf5d3..f0ad7091ff 100644
--- a/packages/angular-table/package.json
+++ b/packages/angular-table/package.json
@@ -6,7 +6,7 @@
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "https://github.com/TanStack/table.git",
+    "url": "git+https://github.com/TanStack/table.git",
     "directory": "packages/angular-table"
   },
   "homepage": "https://tanstack.com/table",
diff --git a/packages/angular-table/src/flex-render.ts b/packages/angular-table/src/flex-render.ts
index 6a072f242e..1414d032b1 100644
--- a/packages/angular-table/src/flex-render.ts
+++ b/packages/angular-table/src/flex-render.ts
@@ -83,17 +83,17 @@ export class FlexRenderDirective<TProps extends NonNullable<unknown>>
 
   #getContentValue = memo(
     () => [this.#latestContent(), this.props, this.content],
-    latestContent => {
+    (latestContent) => {
       return mapToFlexRenderTypedContent(latestContent)
     },
-    { key: 'flexRenderContentValue', debug: () => false }
+    { key: 'flexRenderContentValue', debug: () => false },
   )
 
   constructor(
     @Inject(ViewContainerRef)
     private readonly viewContainerRef: ViewContainerRef,
     @Inject(TemplateRef)
-    private readonly templateRef: TemplateRef<any>
+    private readonly templateRef: TemplateRef<any>,
   ) {}
 
   ngOnChanges(changes: SimpleChanges) {
@@ -190,7 +190,7 @@ export class FlexRenderDirective<TProps extends NonNullable<unknown>>
           // so we'll try to check for updates into ngDoCheck
           this.#changeDetectorRef.markForCheck()
         },
-        { injector: this.viewContainerRef.injector }
+        { injector: this.viewContainerRef.injector },
       )
     }
   }
@@ -204,7 +204,7 @@ export class FlexRenderDirective<TProps extends NonNullable<unknown>>
   }
 
   #renderViewByContent(
-    content: FlexRenderTypedContent
+    content: FlexRenderTypedContent,
   ): FlexRenderView<any> | null {
     if (content.kind === 'primitive') {
       return this.#renderStringContent(content)
@@ -220,7 +220,7 @@ export class FlexRenderDirective<TProps extends NonNullable<unknown>>
   }
 
   #renderStringContent(
-    template: Extract<FlexRenderTypedContent, { kind: 'primitive' }>
+    template: Extract<FlexRenderTypedContent, { kind: 'primitive' }>,
   ): FlexRenderTemplateView {
     const context = () => {
       return typeof this.content === 'string' ||
@@ -237,7 +237,7 @@ export class FlexRenderDirective<TProps extends NonNullable<unknown>>
   }
 
   #renderTemplateRefContent(
-    template: Extract<FlexRenderTypedContent, { kind: 'templateRef' }>
+    template: Extract<FlexRenderTypedContent, { kind: 'templateRef' }>,
   ): FlexRenderTemplateView {
     const latestContext = () => this.props
     const view = this.viewContainerRef.createEmbeddedView(template.content, {
@@ -252,7 +252,7 @@ export class FlexRenderDirective<TProps extends NonNullable<unknown>>
     flexRenderComponent: Extract<
       FlexRenderTypedContent,
       { kind: 'flexRenderComponent' }
-    >
+    >,
   ): FlexRenderComponentView {
     const { inputs, outputs, injector } = flexRenderComponent.content
 
@@ -266,20 +266,20 @@ export class FlexRenderDirective<TProps extends NonNullable<unknown>>
     })
     const view = this.#flexRenderComponentFactory.createComponent(
       flexRenderComponent.content,
-      componentInjector
+      componentInjector,
     )
     return new FlexRenderComponentView(flexRenderComponent, view)
   }
 
   #renderCustomComponent(
-    component: Extract<FlexRenderTypedContent, { kind: 'component' }>
+    component: Extract<FlexRenderTypedContent, { kind: 'component' }>,
   ): FlexRenderComponentView {
     const view = this.#flexRenderComponentFactory.createComponent(
       flexRenderComponent(component.content, {
         inputs: this.props,
         injector: this.injector,
       }),
-      this.injector
+      this.injector,
     )
     return new FlexRenderComponentView(component, view)
   }
diff --git a/packages/angular-table/src/flex-render/flex-render-component-ref.ts b/packages/angular-table/src/flex-render/flex-render-component-ref.ts
index 71ab7999a4..a7d3583a86 100644
--- a/packages/angular-table/src/flex-render/flex-render-component-ref.ts
+++ b/packages/angular-table/src/flex-render/flex-render-component-ref.ts
@@ -18,18 +18,18 @@ export class FlexRenderComponentFactory {
 
   createComponent<T>(
     flexRenderComponent: FlexRenderComponent<T>,
-    componentInjector: Injector
+    componentInjector: Injector,
   ): FlexRenderComponentRef<T> {
     const componentRef = this.#viewContainerRef.createComponent(
       flexRenderComponent.component,
       {
         injector: componentInjector,
-      }
+      },
     )
     const view = new FlexRenderComponentRef(
       componentRef,
       flexRenderComponent,
-      componentInjector
+      componentInjector,
     )
 
     const { inputs, outputs } = flexRenderComponent
@@ -51,14 +51,14 @@ export class FlexRenderComponentRef<T> {
   constructor(
     readonly componentRef: ComponentRef<T>,
     componentData: FlexRenderComponent<T>,
-    readonly componentInjector: Injector
+    readonly componentInjector: Injector,
   ) {
     this.#componentData = componentData
     this.#keyValueDiffersFactory = componentInjector.get(KeyValueDiffers)
 
     this.#outputRegistry = new FlexRenderComponentOutputManager(
       this.#keyValueDiffersFactory,
-      this.outputs
+      this.outputs,
     )
 
     this.#inputValueDiffer = this.#keyValueDiffersFactory
@@ -106,26 +106,26 @@ export class FlexRenderComponentRef<T> {
     if (!eq) return
     const { inputDiff, outputDiff } = this.diff(content)
     if (inputDiff) {
-      inputDiff.forEachAddedItem(item =>
-        this.setInput(item.key, item.currentValue)
+      inputDiff.forEachAddedItem((item) =>
+        this.setInput(item.key, item.currentValue),
       )
-      inputDiff.forEachChangedItem(item =>
-        this.setInput(item.key, item.currentValue)
+      inputDiff.forEachChangedItem((item) =>
+        this.setInput(item.key, item.currentValue),
       )
-      inputDiff.forEachRemovedItem(item => this.setInput(item.key, undefined))
+      inputDiff.forEachRemovedItem((item) => this.setInput(item.key, undefined))
     }
     if (outputDiff) {
-      outputDiff.forEachAddedItem(item => {
+      outputDiff.forEachAddedItem((item) => {
         this.setOutput(item.key, item.currentValue)
       })
-      outputDiff.forEachChangedItem(item => {
+      outputDiff.forEachChangedItem((item) => {
         if (item.currentValue) {
           this.#outputRegistry.setListener(item.key, item.currentValue)
         } else {
           this.#outputRegistry.unsubscribe(item.key)
         }
       })
-      outputDiff.forEachRemovedItem(item => {
+      outputDiff.forEachRemovedItem((item) => {
         this.#outputRegistry.unsubscribe(item.key)
       })
     }
@@ -153,7 +153,7 @@ export class FlexRenderComponentRef<T> {
     outputs: Record<
       string,
       OutputEmitterRef<unknown>['emit'] | null | undefined
-    >
+    >,
   ) {
     this.#outputRegistry.unsubscribeAll()
     for (const prop in outputs) {
@@ -163,7 +163,7 @@ export class FlexRenderComponentRef<T> {
 
   setOutput(
     outputName: string,
-    emit: OutputEmitterRef<unknown>['emit'] | undefined | null
+    emit: OutputEmitterRef<unknown>['emit'] | undefined | null,
   ): void {
     if (!this.#componentData.allowedOutputNames.includes(outputName)) return
     if (!emit) {
@@ -181,7 +181,7 @@ export class FlexRenderComponentRef<T> {
     const instance = this.componentRef.instance
     const output = instance[outputName as keyof typeof instance]
     if (output && output instanceof OutputEmitterRef) {
-      output.subscribe(value => {
+      output.subscribe((value) => {
         this.#outputRegistry.getListener(outputName)?.(value)
       })
     }
diff --git a/packages/angular-table/src/flex-render/flex-render-component.ts b/packages/angular-table/src/flex-render/flex-render-component.ts
index edf539cd35..16335731f0 100644
--- a/packages/angular-table/src/flex-render/flex-render-component.ts
+++ b/packages/angular-table/src/flex-render/flex-render-component.ts
@@ -100,12 +100,12 @@ export class FlexRenderComponent<TComponent = any> {
     readonly component: Type<TComponent>,
     readonly inputs?: Inputs<TComponent>,
     readonly injector?: Injector,
-    readonly outputs?: Outputs<TComponent>
+    readonly outputs?: Outputs<TComponent>,
   ) {
     const mirror = reflectComponentType(component)
     if (!mirror) {
       throw new Error(
-        `[@tanstack-table/angular] The provided symbol is not a component`
+        `[@tanstack-table/angular] The provided symbol is not a component`,
       )
     }
     this.mirror = mirror
diff --git a/packages/angular-table/src/flex-render/view.ts b/packages/angular-table/src/flex-render/view.ts
index 9044b45abc..c54e57b1bb 100644
--- a/packages/angular-table/src/flex-render/view.ts
+++ b/packages/angular-table/src/flex-render/view.ts
@@ -14,7 +14,7 @@ export type FlexRenderTypedContent =
   | { kind: 'component'; content: Type<unknown> }
 
 export function mapToFlexRenderTypedContent(
-  content: FlexRenderContent<any>
+  content: FlexRenderContent<any>,
 ): FlexRenderTypedContent {
   if (content === null || content === undefined) {
     return { kind: 'null' }
@@ -42,7 +42,7 @@ export abstract class FlexRenderView<
 
   protected constructor(
     initialContent: Exclude<FlexRenderTypedContent, { kind: 'null' }>,
-    view: TView
+    view: TView,
   ) {
     this.#content = initialContent
     this.view = view
@@ -76,7 +76,7 @@ export class FlexRenderTemplateView extends FlexRenderView<
       FlexRenderTypedContent,
       { kind: 'primitive' | 'templateRef' }
     >,
-    view: EmbeddedViewRef<unknown>
+    view: EmbeddedViewRef<unknown>,
   ) {
     super(initialContent, view)
   }
@@ -107,7 +107,7 @@ export class FlexRenderComponentView extends FlexRenderView<
       FlexRenderTypedContent,
       { kind: 'component' | 'flexRenderComponent' }
     >,
-    view: FlexRenderComponentRef<unknown>
+    view: FlexRenderComponentRef<unknown>,
   ) {
     super(initialContent, view)
   }
diff --git a/packages/angular-table/src/index.ts b/packages/angular-table/src/index.ts
index 278239217c..dec4d1663e 100644
--- a/packages/angular-table/src/index.ts
+++ b/packages/angular-table/src/index.ts
@@ -26,7 +26,7 @@ export {
 } from './flex-render/flex-render-component'
 
 export function createAngularTable<TData extends RowData>(
-  options: () => TableOptions<TData>
+  options: () => TableOptions<TData>,
 ): Table<TData> & Signal<Table<TData>> {
   return lazyInit(() => {
     const resolvedOptions = {
@@ -53,7 +53,7 @@ export function createAngularTable<TData extends RowData>(
         ...resolvedOptions,
         ...tableOptions,
         state: { ...tableState, ...tableOptions.state },
-        onStateChange: updater => {
+        onStateChange: (updater) => {
           const value =
             updater instanceof Function ? updater(tableState) : updater
           state.set(value)
@@ -70,7 +70,7 @@ export function createAngularTable<TData extends RowData>(
       },
       {
         equal: () => false,
-      }
+      },
     )
 
     // proxify Table instance to provide ability for consumer to listen to any table state changes
diff --git a/packages/angular-table/src/proxy.ts b/packages/angular-table/src/proxy.ts
index 80e0fa191a..75bfb9804d 100644
--- a/packages/angular-table/src/proxy.ts
+++ b/packages/angular-table/src/proxy.ts
@@ -4,7 +4,7 @@ import { type Table } from '@tanstack/table-core'
 type TableSignal<T> = Table<T> & Signal<Table<T>>
 
 export function proxifyTable<T>(
-  tableSignal: Signal<Table<T>>
+  tableSignal: Signal<Table<T>>,
 ): Table<T> & Signal<Table<T>> {
   const internalState = tableSignal as TableSignal<T>
 
diff --git a/packages/angular-table/tests/createAngularTable.test.ts b/packages/angular-table/tests/createAngularTable.test.ts
index 9101270afa..e4ea5f8d63 100644
--- a/packages/angular-table/tests/createAngularTable.test.ts
+++ b/packages/angular-table/tests/createAngularTable.test.ts
@@ -49,14 +49,14 @@ describe('createAngularTable', () => {
     type Data = { id: string; title: string }
     const data = signal<Data[]>([{ id: '1', title: 'Title' }])
     const columns: ColumnDef<Data>[] = [
-      { id: 'id', header: 'Id', cell: context => context.getValue() },
-      { id: 'title', header: 'Title', cell: context => context.getValue() },
+      { id: 'id', header: 'Id', cell: (context) => context.getValue() },
+      { id: 'title', header: 'Title', cell: (context) => context.getValue() },
     ]
     const table = createAngularTable(() => ({
       data: data(),
       columns: columns,
       getCoreRowModel: getCoreRowModel(),
-      getRowId: row => row.id,
+      getRowId: (row) => row.id,
     }))
     const tablePropertyKeys = Object.keys(table())
 
@@ -76,10 +76,10 @@ describe('createAngularTable', () => {
     })
 
     test.each(
-      tablePropertyKeys.map(property => [
+      tablePropertyKeys.map((property) => [
         property,
         testShouldBeComputedProperty(untracked(table), property),
-      ])
+      ]),
     )('property (%s) is computed -> (%s)', (name, expected) => {
       const tableProperty = table[name as keyof typeof table]
       expect(isSignal(tableProperty)).toEqual(expected)
@@ -103,11 +103,11 @@ describe('createAngularTable', () => {
           columns: columns,
           getCoreRowModel: getCoreRowModel(),
           getPaginationRowModel: getPaginationRowModel(),
-          getRowId: row => row.id,
+          getRowId: (row) => row.id,
           state: {
             pagination: pagination(),
           },
-          onPaginationChange: updater => {
+          onPaginationChange: (updater) => {
             typeof updater === 'function'
               ? pagination.update(updater)
               : pagination.set(updater)
@@ -136,7 +136,7 @@ describe('createAngularTable', () => {
 
 const testShouldBeComputedProperty = (
   table: Table<any>,
-  propertyName: string
+  propertyName: string,
 ) => {
   if (propertyName.endsWith('Handler')) {
     // || propertyName.endsWith('Model')) {
diff --git a/packages/angular-table/tests/flex-render-table.test.ts b/packages/angular-table/tests/flex-render-table.test.ts
index 6894a86b9f..013cb6ffa7 100644
--- a/packages/angular-table/tests/flex-render-table.test.ts
+++ b/packages/angular-table/tests/flex-render-table.test.ts
@@ -33,12 +33,12 @@ const defaultColumns: ColumnDef<TestData>[] = [
     id: 'title',
     accessorKey: 'title',
     header: 'Title',
-    cell: props => props.renderValue(),
+    cell: (props) => props.renderValue(),
   },
 ]
 
 describe('FlexRenderDirective', () => {
-  test.each([null, undefined])('Render %s as empty', value => {
+  test.each([null, undefined])('Render %s as empty', (value) => {
     const { fixture, dom } = createTestTable(defaultData, [
       { id: 'first_cell', header: 'header', cell: () => value },
     ])
@@ -62,7 +62,7 @@ describe('FlexRenderDirective', () => {
 
     expectPrimitiveValueIs(
       firstCell,
-      String(typeof columnValue === 'function' ? columnValue() : columnValue)
+      String(typeof columnValue === 'function' ? columnValue() : columnValue),
     )
   })
 
@@ -144,7 +144,7 @@ describe('FlexRenderDirective', () => {
     statusComponent.set(
       flexRenderComponent(TestBadgeComponent, {
         inputs: { status: 'Updated status' },
-      })
+      }),
     )
     fixture.detectChanges()
     const el = firstCell!.firstElementChild as HTMLElement
@@ -170,7 +170,7 @@ describe('FlexRenderDirective', () => {
         {
           id: 'cell',
           header: 'Header',
-          cell: context => {
+          cell: (context) => {
             contextCaptor(context)
             return flexRenderComponent(EmptyCell)
           },
@@ -178,12 +178,12 @@ describe('FlexRenderDirective', () => {
       ],
       () => ({
         state: tableState(),
-        onStateChange: updater => {
+        onStateChange: (updater) => {
           return typeof updater === 'function'
             ? tableState.update(updater as any)
             : tableState.set(updater)
         },
-      })
+      }),
     )
 
     const latestCall = () =>
@@ -276,7 +276,7 @@ describe('FlexRenderDirective', () => {
           data: defaultData,
           getCoreRowModel: getCoreRowModel(),
           state: { expanded: this.expandState() },
-          onExpandedChange: updaterOrValue => {
+          onExpandedChange: (updaterOrValue) => {
             typeof updaterOrValue === 'function'
               ? this.expandState.update(updaterOrValue)
               : this.expandState.set(updaterOrValue)
@@ -305,7 +305,7 @@ describe('FlexRenderDirective', () => {
 
 function expectPrimitiveValueIs(
   cell: HTMLTableCellElement | null,
-  value: unknown
+  value: unknown,
 ) {
   expect(cell).not.toBeNull()
   expect(cell!.matches(':empty')).toBe(false)
@@ -319,7 +319,7 @@ type TestData = { id: string; title: string }
 export function createTestTable(
   data: TestData[],
   columns: ColumnDef<TestData, any>[],
-  optionsFn?: () => Partial<TableOptions<TestData>>
+  optionsFn?: () => Partial<TableOptions<TestData>>,
 ) {
   @Component({
     template: `
diff --git a/packages/angular-table/tests/flex-render.test.ts b/packages/angular-table/tests/flex-render.test.ts
index e5f49ecae6..9e0d4c6d7f 100644
--- a/packages/angular-table/tests/flex-render.test.ts
+++ b/packages/angular-table/tests/flex-render.test.ts
@@ -187,7 +187,7 @@ type FlexRenderDirectiveAllowedContent = FlexRenderDirective<
 
 function expectPrimitiveValueIs(
   fixture: ComponentFixture<unknown>,
-  value: unknown
+  value: unknown,
 ) {
   expect(fixture.nativeElement.matches(':empty')).toBe(false)
   const span = fixture.nativeElement.querySelector('span')
diff --git a/packages/angular-table/tests/lazy-init.test.ts b/packages/angular-table/tests/lazy-init.test.ts
index 5f6563e2a6..fa3a43f553 100644
--- a/packages/angular-table/tests/lazy-init.test.ts
+++ b/packages/angular-table/tests/lazy-init.test.ts
@@ -113,12 +113,12 @@ describe('lazyInit', () => {
 
     setFixtureSignalInputs(fixture, { title: 'updatedValue' })
     expect(fixture.debugElement.nativeElement.textContent).toBe(
-      '1 - updatedValue'
+      '1 - updatedValue',
     )
 
     setFixtureSignalInputs(fixture, { title: 'newUpdatedValue' })
     expect(fixture.debugElement.nativeElement.textContent).toBe(
-      '1 - newUpdatedValue'
+      '1 - newUpdatedValue',
     )
   })
 })
diff --git a/packages/angular-table/tests/test-setup.ts b/packages/angular-table/tests/test-setup.ts
index 79d7ec4fa9..2933c0b0af 100644
--- a/packages/angular-table/tests/test-setup.ts
+++ b/packages/angular-table/tests/test-setup.ts
@@ -9,5 +9,5 @@ import { getTestBed } from '@angular/core/testing'
 
 getTestBed().initTestEnvironment(
   BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting()
+  platformBrowserDynamicTesting(),
 )
diff --git a/packages/angular-table/tests/test-utils.ts b/packages/angular-table/tests/test-utils.ts
index 11bb5fd858..d747d4ae24 100644
--- a/packages/angular-table/tests/test-utils.ts
+++ b/packages/angular-table/tests/test-utils.ts
@@ -11,7 +11,7 @@ type ToSignalInputUpdatableMap<T> = {
 export function setFixtureSignalInputs<T extends NonNullable<unknown>>(
   componentFixture: ComponentFixture<T>,
   inputs: ToSignalInputUpdatableMap<T>,
-  options: { detectChanges: boolean } = { detectChanges: true }
+  options: { detectChanges: boolean } = { detectChanges: true },
 ) {
   for (const inputKey in inputs) {
     componentFixture.componentRef.setInput(inputKey, inputs[inputKey])
@@ -28,7 +28,7 @@ export function setFixtureSignalInput<
 >(
   componentFixture: ComponentFixture<T>,
   inputName: InputName,
-  value: InputMaps[InputName]
+  value: InputMaps[InputName],
 ) {
   setFixtureSignalInputs(componentFixture, {
     [inputName]: value,
@@ -37,7 +37,7 @@ export function setFixtureSignalInput<
 
 function componentHasSignalInputProperty<TProperty extends string>(
   component: object,
-  property: TProperty
+  property: TProperty,
 ): component is { [key in TProperty]: InputSignal<unknown> } {
   return (
     component.hasOwnProperty(property) && (component as any)[property][SIGNAL]
diff --git a/packages/lit-table/package.json b/packages/lit-table/package.json
index 35e10e6ef1..e4c0f022fe 100644
--- a/packages/lit-table/package.json
+++ b/packages/lit-table/package.json
@@ -6,7 +6,7 @@
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "https://github.com/TanStack/table.git",
+    "url": "git+https://github.com/TanStack/table.git",
     "directory": "packages/lit-table"
   },
   "homepage": "https://tanstack.com/table",
diff --git a/packages/lit-table/rollup.config.mjs b/packages/lit-table/rollup.config.mjs
index 328da31311..b0b1f2a08c 100644
--- a/packages/lit-table/rollup.config.mjs
+++ b/packages/lit-table/rollup.config.mjs
@@ -13,5 +13,5 @@ export default defineConfig(
     globals: {
       lit: 'Lit',
     },
-  })
+  }),
 )
diff --git a/packages/lit-table/src/index.ts b/packages/lit-table/src/index.ts
index 622e3940ac..e3eb10359f 100755
--- a/packages/lit-table/src/index.ts
+++ b/packages/lit-table/src/index.ts
@@ -12,7 +12,7 @@ export * from '@tanstack/table-core'
 
 export function flexRender<TProps>(
   Comp: ((props: TProps) => string) | string | TemplateResult | undefined,
-  props: TProps
+  props: TProps,
 ): TemplateResult | string | null {
   if (!Comp) return null
 
@@ -23,9 +23,9 @@ export function flexRender<TProps>(
   return Comp
 }
 
-export class TableController<TData extends RowData>
-  implements ReactiveController
-{
+export class TableController<
+  TData extends RowData,
+> implements ReactiveController {
   host: ReactiveControllerHost
 
   private tableInstance: Table<TData> | null = null
@@ -52,7 +52,7 @@ export class TableController<TData extends RowData>
       }
     }
 
-    this.tableInstance.setOptions(prev => ({
+    this.tableInstance.setOptions((prev) => ({
       ...prev,
       ...options,
       state: { ...this._tableState, ...options.state },
diff --git a/packages/match-sorter-utils/package.json b/packages/match-sorter-utils/package.json
index 2a7ee45d55..cde09c197c 100644
--- a/packages/match-sorter-utils/package.json
+++ b/packages/match-sorter-utils/package.json
@@ -9,7 +9,7 @@
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "https://github.com/TanStack/table.git",
+    "url": "git+https://github.com/TanStack/table.git",
     "directory": "packages/match-sorter-utils"
   },
   "homepage": "https://tanstack.com/table",
diff --git a/packages/match-sorter-utils/rollup.config.mjs b/packages/match-sorter-utils/rollup.config.mjs
index 4daccdcf02..f2ada69d2c 100644
--- a/packages/match-sorter-utils/rollup.config.mjs
+++ b/packages/match-sorter-utils/rollup.config.mjs
@@ -11,5 +11,5 @@ export default defineConfig(
     entryFile: 'src/index.ts',
     external: [],
     globals: {},
-  })
+  }),
 )
diff --git a/packages/match-sorter-utils/src/index.ts b/packages/match-sorter-utils/src/index.ts
index c3103dde72..34e923f050 100755
--- a/packages/match-sorter-utils/src/index.ts
+++ b/packages/match-sorter-utils/src/index.ts
@@ -77,7 +77,7 @@ export type Ranking = (typeof rankings)[keyof typeof rankings]
 export function rankItem<TItem>(
   item: TItem,
   value: string,
-  options?: RankItemOptions<TItem>
+  options?: RankItemOptions<TItem>,
 ): RankingInfo {
   options = options || {}
 
@@ -147,7 +147,7 @@ export function rankItem<TItem>(
 function getMatchRanking<TItem>(
   testString: string,
   stringToRank: string,
-  options: RankItemOptions<TItem>
+  options: RankItemOptions<TItem>,
 ): Ranking {
   testString = prepareValueForComparison(testString, options)
   stringToRank = prepareValueForComparison(stringToRank, options)
@@ -210,9 +210,9 @@ function getMatchRanking<TItem>(
 function getAcronym(string: string): string {
   let acronym = ''
   const wordsInString = string.split(' ')
-  wordsInString.forEach(wordInString => {
+  wordsInString.forEach((wordInString) => {
     const splitByHyphenWords = wordInString.split('-')
-    splitByHyphenWords.forEach(splitByHyphenWord => {
+    splitByHyphenWords.forEach((splitByHyphenWord) => {
       acronym += splitByHyphenWord.substr(0, 1)
     })
   })
@@ -231,14 +231,14 @@ function getAcronym(string: string): string {
  */
 function getClosenessRanking(
   testString: string,
-  stringToRank: string
+  stringToRank: string,
 ): Ranking {
   let matchingInOrderCharCount = 0
   let charNumber = 0
   function findMatchingCharacter(
     matchChar: undefined | string,
     string: string,
-    index: number
+    index: number,
   ) {
     for (let j = index, J = string.length; j < J; j++) {
       const stringChar = string[j]
@@ -291,7 +291,7 @@ export function compareItems<TItem>(a: RankingInfo, b: RankingInfo): number {
  */
 function prepareValueForComparison<TItem>(
   value: string,
-  { keepDiacritics }: RankItemOptions<TItem>
+  { keepDiacritics }: RankItemOptions<TItem>,
 ): string {
   // value might not actually be a string at this point (we don't get to choose)
   // so part of preparing the value for comparison is ensure that it is a string
@@ -310,7 +310,7 @@ function prepareValueForComparison<TItem>(
  */
 function getItemValues<TItem>(
   item: TItem,
-  accessor: Accessor<TItem>
+  accessor: Accessor<TItem>,
 ): Array<string> {
   let accessorFn = accessor as AccessorFn<TItem>
 
@@ -340,7 +340,7 @@ function getItemValues<TItem>(
  */
 function getAllValuesToRank<TItem>(
   item: TItem,
-  accessors: ReadonlyArray<Accessor<TItem>>
+  accessors: ReadonlyArray<Accessor<TItem>>,
 ) {
   const allValues: Array<{
     itemValue: string
@@ -370,7 +370,7 @@ const defaultKeyAttributes = {
  * @return object containing the accessor's attributes
  */
 function getAccessorAttributes<TItem>(
-  accessor: Accessor<TItem>
+  accessor: Accessor<TItem>,
 ): AccessorAttributes {
   if (typeof accessor === 'function') {
     return defaultKeyAttributes
diff --git a/packages/match-sorter-utils/src/remove-accents.ts b/packages/match-sorter-utils/src/remove-accents.ts
index ca944b9eea..e3d5eb2947 100644
--- a/packages/match-sorter-utils/src/remove-accents.ts
+++ b/packages/match-sorter-utils/src/remove-accents.ts
@@ -404,7 +404,7 @@ const chars = Object.keys(characterMap).join('|')
 const allAccents = new RegExp(chars, 'g')
 
 export function removeAccents(str: string) {
-  return str.replace(allAccents, match => {
+  return str.replace(allAccents, (match) => {
     return characterMap[match]!
   })
 }
diff --git a/packages/match-sorter-utils/tests/match-sorter-utils.test.ts b/packages/match-sorter-utils/tests/match-sorter-utils.test.ts
index 873ea47b81..b79c997628 100644
--- a/packages/match-sorter-utils/tests/match-sorter-utils.test.ts
+++ b/packages/match-sorter-utils/tests/match-sorter-utils.test.ts
@@ -19,9 +19,9 @@ describe('match-sorter-utils', () => {
       it('CASE_SENSITIVE_EQUAL', () => {
         const ranking = rankItem(testPerson, 'John', {
           accessors: [
-            item => item.firstName,
-            item => item.lastName,
-            item => item.email,
+            (item) => item.firstName,
+            (item) => item.lastName,
+            (item) => item.email,
           ],
         })
         expect(ranking.rank).toBe(rankings.CASE_SENSITIVE_EQUAL)
@@ -34,9 +34,9 @@ describe('match-sorter-utils', () => {
       it('NO_MATCH', () => {
         const ranking = rankItem(testPerson, 'Tom', {
           accessors: [
-            item => item.firstName,
-            item => item.lastName,
-            item => item.email,
+            (item) => item.firstName,
+            (item) => item.lastName,
+            (item) => item.email,
           ],
         })
         expect(ranking.rank).toBe(rankings.NO_MATCH)
@@ -52,15 +52,15 @@ describe('match-sorter-utils', () => {
         const ranking = rankItem(testPerson, 'John', {
           accessors: [
             {
-              accessor: item => item.firstName,
+              accessor: (item) => item.firstName,
               threshold: rankings.CONTAINS,
             },
             {
-              accessor: item => item.lastName,
+              accessor: (item) => item.lastName,
               threshold: rankings.CONTAINS,
             },
             {
-              accessor: item => item.email,
+              accessor: (item) => item.email,
               threshold: rankings.MATCHES,
             },
           ],
@@ -77,19 +77,19 @@ describe('match-sorter-utils', () => {
           threshold: rankings.ACRONYM,
           accessors: [
             {
-              accessor: item => item.firstName,
+              accessor: (item) => item.firstName,
               threshold: rankings.CONTAINS,
             },
             {
-              accessor: item => item.lastName,
+              accessor: (item) => item.lastName,
               threshold: rankings.CONTAINS,
             },
             {
-              accessor: item => `${item.firstName} ${item.lastName}`,
+              accessor: (item) => `${item.firstName} ${item.lastName}`,
               threshold: rankings.CONTAINS,
             },
             {
-              accessor: item => item.email,
+              accessor: (item) => item.email,
               threshold: rankings.CONTAINS,
             },
           ],
@@ -105,15 +105,15 @@ describe('match-sorter-utils', () => {
         const ranking = rankItem(testPerson, 'Tom', {
           accessors: [
             {
-              accessor: item => item.firstName,
+              accessor: (item) => item.firstName,
               threshold: rankings.CONTAINS,
             },
             {
-              accessor: item => item.lastName,
+              accessor: (item) => item.lastName,
               threshold: rankings.CONTAINS,
             },
             {
-              accessor: item => item.email,
+              accessor: (item) => item.email,
               threshold: rankings.MATCHES,
             },
           ],
diff --git a/packages/qwik-table/package.json b/packages/qwik-table/package.json
index d09931a775..16797b7359 100644
--- a/packages/qwik-table/package.json
+++ b/packages/qwik-table/package.json
@@ -6,7 +6,7 @@
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "https://github.com/TanStack/table.git",
+    "url": "git+https://github.com/TanStack/table.git",
     "directory": "packages/qwik-table"
   },
   "homepage": "https://tanstack.com/table",
diff --git a/packages/qwik-table/rollup.config.mjs b/packages/qwik-table/rollup.config.mjs
index ca90266438..ef7b8489d5 100644
--- a/packages/qwik-table/rollup.config.mjs
+++ b/packages/qwik-table/rollup.config.mjs
@@ -13,5 +13,5 @@ export default defineConfig(
     globals: {
       '@builder.io/qwik': 'Qwik',
     },
-  })
+  }),
 )
diff --git a/packages/qwik-table/src/index.tsx b/packages/qwik-table/src/index.tsx
index 4f7630e965..3042096b87 100644
--- a/packages/qwik-table/src/index.tsx
+++ b/packages/qwik-table/src/index.tsx
@@ -19,7 +19,7 @@ const isQwikComponent = (comp: unknown): comp is QwikComps =>
 
 export function flexRender<TProps extends object>(
   Comp: any, // TODO: add renderable type
-  props: TProps
+  props: TProps,
 ) {
   return !Comp ? null : isQwikComponent(Comp) ? (
     <Comp {...props} />
@@ -31,7 +31,7 @@ export function flexRender<TProps extends object>(
 }
 
 export function useQwikTable<TData extends RowData>(
-  options: TableOptions<TData>
+  options: TableOptions<TData>,
 ) {
   // Compose in the generic options to the user options
   const resolvedOptions: TableOptionsResolved<TData> = {
@@ -53,7 +53,7 @@ export function useQwikTable<TData extends RowData>(
 
   // Compose the default state above with any user state. This will allow the user
   // to only control a subset of the state if desired.
-  table.instance!.setOptions(prev => ({
+  table.instance!.setOptions((prev) => ({
     ...prev,
     ...options,
     state: {
@@ -62,7 +62,7 @@ export function useQwikTable<TData extends RowData>(
     },
     // Similarly, we'll maintain both our internal state and any user-provided
     // state.
-    onStateChange: updater => {
+    onStateChange: (updater) => {
       state.value = updater instanceof Function ? updater(state.value) : updater
       options.onStateChange?.(updater)
     },
diff --git a/packages/react-table-devtools/package.json b/packages/react-table-devtools/package.json
index 05b4a11f60..cf0417d1a8 100644
--- a/packages/react-table-devtools/package.json
+++ b/packages/react-table-devtools/package.json
@@ -6,7 +6,7 @@
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "https://github.com/TanStack/table.git",
+    "url": "git+https://github.com/TanStack/table.git",
     "directory": "packages/react-table-devtools"
   },
   "homepage": "https://tanstack.com/table",
diff --git a/packages/react-table-devtools/rollup.config.mjs b/packages/react-table-devtools/rollup.config.mjs
index 9a3f9be21b..ff49c0b2fe 100644
--- a/packages/react-table-devtools/rollup.config.mjs
+++ b/packages/react-table-devtools/rollup.config.mjs
@@ -14,5 +14,5 @@ export default defineConfig(
       react: 'React',
       '@tanstack/react-table': 'ReactTable',
     },
-  })
+  }),
 )
diff --git a/packages/react-table-devtools/src/Explorer.tsx b/packages/react-table-devtools/src/Explorer.tsx
index 8028b70b09..9094054cc5 100644
--- a/packages/react-table-devtools/src/Explorer.tsx
+++ b/packages/react-table-devtools/src/Explorer.tsx
@@ -80,7 +80,7 @@ const DefaultRenderer = ({
           {expanded ? (
             subEntryPages.length === 1 ? (
               <SubEntries>
-                {subEntries.map(entry => handleEntry(entry))}
+                {subEntries.map((entry) => handleEntry(entry))}
               </SubEntries>
             ) : (
               <SubEntries>
@@ -89,10 +89,10 @@ const DefaultRenderer = ({
                     <Entry>
                       <Label
                         onClick={() =>
-                          setExpandedPages(old =>
+                          setExpandedPages((old) =>
                             old.includes(index)
-                              ? old.filter(d => d !== index)
-                              : [...old, index]
+                              ? old.filter((d) => d !== index)
+                              : [...old, index],
                           )
                         }
                       >
@@ -101,7 +101,7 @@ const DefaultRenderer = ({
                       </Label>
                       {expandedPages.includes(index) ? (
                         <SubEntries>
-                          {entries.map(entry => handleEntry(entry))}
+                          {entries.map((entry) => handleEntry(entry))}
                         </SubEntries>
                       ) : null}
                     </Entry>
@@ -146,8 +146,8 @@ export default function Explorer({
 }) {
   const [expanded, setExpanded] = React.useState(defaultExpanded)
 
-  const toggle = set => {
-    setExpanded(old => (typeof set !== 'undefined' ? set : !old))
+  const toggle = (set) => {
+    setExpanded((old) => (typeof set !== 'undefined' ? set : !old))
   }
 
   const path = []
@@ -156,7 +156,7 @@ export default function Explorer({
   let subEntries
   const subEntryPages = []
 
-  const makeProperty = sub => {
+  const makeProperty = (sub) => {
     const newPath = path.concat(sub.label)
     const subDefaultExpanded =
       defaultExpanded === true
@@ -177,7 +177,7 @@ export default function Explorer({
       makeProperty({
         label: i,
         value: d,
-      })
+      }),
     )
   } else if (
     value !== null &&
@@ -189,7 +189,7 @@ export default function Explorer({
       makeProperty({
         label: i,
         value: val,
-      })
+      }),
     )
   } else if (typeof value === 'function') {
     type = 'function'
@@ -200,7 +200,7 @@ export default function Explorer({
       makeProperty({
         label,
         value,
-      })
+      }),
     )
   }
 
@@ -214,7 +214,7 @@ export default function Explorer({
   }
 
   return renderer({
-    handleEntry: entry => (
+    handleEntry: (entry) => (
       <Explorer key={entry.label} renderer={renderer} {...rest} {...entry} />
     ),
     type,
diff --git a/packages/react-table-devtools/src/index.tsx b/packages/react-table-devtools/src/index.tsx
index 6390689397..7db0471d01 100644
--- a/packages/react-table-devtools/src/index.tsx
+++ b/packages/react-table-devtools/src/index.tsx
@@ -82,7 +82,7 @@ export function ReactTableDevtools({
   const panelRef = React.useRef<HTMLDivElement>(null)
   const [isOpen, setIsOpen] = useLocalStorage(
     'reactTableDevtoolsOpen',
-    initialIsOpen
+    initialIsOpen,
   )
   const isMounted = useIsMounted()
 
@@ -105,7 +105,7 @@ export function ReactTableDevtools({
             type="button"
             {...otherToggleButtonProps}
             aria-label="Open React Table Devtools"
-            onClick={e => {
+            onClick={(e) => {
               setIsOpen(true)
               onToggleClick && onToggleClick(e)
             }}
diff --git a/packages/react-table-devtools/src/styledComponents.ts b/packages/react-table-devtools/src/styledComponents.ts
index e1872cd45d..435d754392 100644
--- a/packages/react-table-devtools/src/styledComponents.ts
+++ b/packages/react-table-devtools/src/styledComponents.ts
@@ -17,7 +17,7 @@ export const Panel = styled(
       fontSize: '.9em',
       // flexDirection: 'column',
     },
-  }
+  },
 )
 
 const ActivePanel = styled(
@@ -33,7 +33,7 @@ const ActivePanel = styled(
     '(max-width: 700px)': (_props, theme) => ({
       borderTop: `2px solid ${theme.gray}`,
     }),
-  }
+  },
 )
 
 export const Button = styled('button', (props, theme) => ({
@@ -102,5 +102,5 @@ const Select = styled(
     '(max-width: 500px)': {
       display: 'none',
     },
-  }
+  },
 )
diff --git a/packages/react-table-devtools/src/useLocalStorage.ts b/packages/react-table-devtools/src/useLocalStorage.ts
index e29f662c0c..f8174818f1 100644
--- a/packages/react-table-devtools/src/useLocalStorage.ts
+++ b/packages/react-table-devtools/src/useLocalStorage.ts
@@ -14,7 +14,7 @@ const getItem = (key: string): unknown => {
 
 export default function useLocalStorage<T>(
   key: string,
-  defaultValue: T | undefined
+  defaultValue: T | undefined,
 ): [T | undefined, (newVal: T | ((prevVal: T) => T)) => void] {
   const [value, setValue] = React.useState<T>()
 
@@ -23,7 +23,7 @@ export default function useLocalStorage<T>(
 
     if (typeof initialValue === 'undefined' || initialValue === null) {
       setValue(
-        typeof defaultValue === 'function' ? defaultValue() : defaultValue
+        typeof defaultValue === 'function' ? defaultValue() : defaultValue,
       )
     } else {
       setValue(initialValue)
@@ -32,7 +32,7 @@ export default function useLocalStorage<T>(
 
   const setter = React.useCallback(
     (updater: any) => {
-      setValue(old => {
+      setValue((old) => {
         let newVal = updater
 
         if (typeof updater == 'function') {
@@ -45,7 +45,7 @@ export default function useLocalStorage<T>(
         return newVal
       })
     },
-    [key]
+    [key],
   )
 
   return [value, setter]
diff --git a/packages/react-table-devtools/src/utils.ts b/packages/react-table-devtools/src/utils.ts
index 945b3b2423..196fe0257b 100644
--- a/packages/react-table-devtools/src/utils.ts
+++ b/packages/react-table-devtools/src/utils.ts
@@ -51,7 +51,7 @@ type Styles =
 export function styled<T extends keyof HTMLElementTagNameMap>(
   type: T,
   newStyles: Styles,
-  queries: Record<string, Styles> = {}
+  queries: Record<string, Styles> = {},
 ) {
   return React.forwardRef<HTMLElementTagNameMap[T], StyledComponent<T>>(
     ({ style, ...rest }, ref) => {
@@ -67,7 +67,7 @@ export function styled<T extends keyof HTMLElementTagNameMap>(
               }
             : current
         },
-        {}
+        {},
       )
 
       return React.createElement(type, {
@@ -81,7 +81,7 @@ export function styled<T extends keyof HTMLElementTagNameMap>(
         },
         ref,
       })
-    }
+    },
   )
 }
 
@@ -116,7 +116,7 @@ function useSafeState<T>(initialState: T): [T, (value: T) => void] {
         }
       })
     },
-    [isMounted]
+    [isMounted],
   )
 
   return [state, safeSetState]
@@ -129,9 +129,9 @@ function useSafeState<T>(initialState: T): [T, (value: T) => void] {
 function scheduleMicrotask(callback: () => void) {
   Promise.resolve()
     .then(callback)
-    .catch(error =>
+    .catch((error) =>
       setTimeout(() => {
         throw error
-      })
+      }),
     )
 }
diff --git a/packages/react-table/package.json b/packages/react-table/package.json
index 8fc89faa81..ab72d8f6b4 100644
--- a/packages/react-table/package.json
+++ b/packages/react-table/package.json
@@ -6,7 +6,7 @@
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "https://github.com/TanStack/table.git",
+    "url": "git+https://github.com/TanStack/table.git",
     "directory": "packages/react-table"
   },
   "homepage": "https://tanstack.com/table",
diff --git a/packages/react-table/rollup.config.mjs b/packages/react-table/rollup.config.mjs
index f811cd16bd..a2b8043811 100644
--- a/packages/react-table/rollup.config.mjs
+++ b/packages/react-table/rollup.config.mjs
@@ -13,5 +13,5 @@ export default defineConfig(
     globals: {
       react: 'React',
     },
-  })
+  }),
 )
diff --git a/packages/react-table/src/index.tsx b/packages/react-table/src/index.tsx
index 132ea49083..5df524b892 100755
--- a/packages/react-table/src/index.tsx
+++ b/packages/react-table/src/index.tsx
@@ -17,7 +17,7 @@ export type Renderable<TProps> = React.ReactNode | React.ComponentType<TProps>
  */
 export function flexRender<TProps extends object>(
   Comp: Renderable<TProps>,
-  props: TProps
+  props: TProps,
 ): React.ReactNode | React.JSX.Element {
   return !Comp ? null : isReactComponent<TProps>(Comp) ? (
     <Comp {...props} />
@@ -27,7 +27,7 @@ export function flexRender<TProps extends object>(
 }
 
 function isReactComponent<TProps>(
-  component: unknown
+  component: unknown,
 ): component is React.ComponentType<TProps> {
   return (
     isClassComponent(component) ||
@@ -55,7 +55,7 @@ function isExoticComponent(component: any) {
 }
 
 export function useReactTable<TData extends RowData>(
-  options: TableOptions<TData>
+  options: TableOptions<TData>,
 ) {
   // Compose in the generic options to the user options
   const resolvedOptions: TableOptionsResolved<TData> = {
@@ -75,7 +75,7 @@ export function useReactTable<TData extends RowData>(
 
   // Compose the default state above with any user state. This will allow the user
   // to only control a subset of the state if desired.
-  tableRef.current.setOptions(prev => ({
+  tableRef.current.setOptions((prev) => ({
     ...prev,
     ...options,
     state: {
@@ -84,7 +84,7 @@ export function useReactTable<TData extends RowData>(
     },
     // Similarly, we'll maintain both our internal state and any user-provided
     // state.
-    onStateChange: updater => {
+    onStateChange: (updater) => {
       setState(updater)
       options.onStateChange?.(updater)
     },
diff --git a/packages/react-table/tests/core/core.test.tsx b/packages/react-table/tests/core/core.test.tsx
index d6f8e76178..752decf00b 100644
--- a/packages/react-table/tests/core/core.test.tsx
+++ b/packages/react-table/tests/core/core.test.tsx
@@ -48,30 +48,30 @@ const defaultData: Person[] = [
 const defaultColumns: ColumnDef<Person>[] = [
   {
     header: 'Name',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
     columns: [
       {
         accessorKey: 'firstName',
-        cell: info => info.renderValue(),
-        footer: props => props.column.id,
+        cell: (info) => info.renderValue(),
+        footer: (props) => props.column.id,
       },
       {
-        accessorFn: row => row.lastName,
+        accessorFn: (row) => row.lastName,
         id: 'lastName',
-        cell: info => info.renderValue(),
+        cell: (info) => info.renderValue(),
         header: () => <span>Last Name</span>,
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       },
     ],
   },
   {
     header: 'Info',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
     columns: [
       {
         accessorKey: 'age',
         header: () => 'Age',
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       },
       {
         header: 'More Info',
@@ -79,17 +79,17 @@ const defaultColumns: ColumnDef<Person>[] = [
           {
             accessorKey: 'visits',
             header: () => <span>Visits</span>,
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           },
           {
             accessorKey: 'status',
             header: 'Status',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           },
           {
             accessorKey: 'progress',
             header: 'Profile Progress',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           },
         ],
       },
@@ -123,15 +123,15 @@ describe('core', () => {
         <div className="p-2">
           <table>
             <thead>
-              {table.getHeaderGroups().map(headerGroup => (
+              {table.getHeaderGroups().map((headerGroup) => (
                 <tr key={headerGroup.id}>
-                  {headerGroup.headers.map(header => (
+                  {headerGroup.headers.map((header) => (
                     <th key={header.id} colSpan={header.colSpan}>
                       {header.isPlaceholder
                         ? null
                         : flexRender(
                             header.column.columnDef.header,
-                            header.getContext()
+                            header.getContext(),
                           )}
                     </th>
                   ))}
@@ -139,13 +139,13 @@ describe('core', () => {
               ))}
             </thead>
             <tbody>
-              {table.getRowModel().rows.map(row => (
+              {table.getRowModel().rows.map((row) => (
                 <tr key={row.id}>
-                  {row.getVisibleCells().map(cell => (
+                  {row.getVisibleCells().map((cell) => (
                     <td key={cell.id}>
                       {flexRender(
                         cell.column.columnDef.cell,
-                        cell.getContext()
+                        cell.getContext(),
                       )}
                     </td>
                   ))}
@@ -153,15 +153,15 @@ describe('core', () => {
               ))}
             </tbody>
             <tfoot>
-              {table.getFooterGroups().map(footerGroup => (
+              {table.getFooterGroups().map((footerGroup) => (
                 <tr key={footerGroup.id}>
-                  {footerGroup.headers.map(header => (
+                  {footerGroup.headers.map((header) => (
                     <th key={header.id} colSpan={header.colSpan}>
                       {header.isPlaceholder
                         ? null
                         : flexRender(
                             header.column.columnDef.footer,
-                            header.getContext()
+                            header.getContext(),
                           )}
                     </th>
                   ))}
@@ -190,27 +190,27 @@ describe('core', () => {
     expect(RTL.screen.getAllByRole('cell').length).toEqual(18)
 
     expect(
-      Array.from(rendered.container.querySelectorAll('thead > tr')).map(d =>
-        Array.from(d.querySelectorAll('th')).map(d => [
+      Array.from(rendered.container.querySelectorAll('thead > tr')).map((d) =>
+        Array.from(d.querySelectorAll('th')).map((d) => [
           d.innerHTML,
           d.getAttribute('colspan'),
-        ])
-      )
+        ]),
+      ),
     ).toMatchSnapshot()
 
     expect(
-      Array.from(rendered.container.querySelectorAll('tbody > tr')).map(d =>
-        Array.from(d.querySelectorAll('td')).map(d => d.innerHTML)
-      )
+      Array.from(rendered.container.querySelectorAll('tbody > tr')).map((d) =>
+        Array.from(d.querySelectorAll('td')).map((d) => d.innerHTML),
+      ),
     ).toMatchSnapshot()
 
     expect(
-      Array.from(rendered.container.querySelectorAll('tfoot > tr')).map(d =>
-        Array.from(d.querySelectorAll('th')).map(d => [
+      Array.from(rendered.container.querySelectorAll('tfoot > tr')).map((d) =>
+        Array.from(d.querySelectorAll('th')).map((d) => [
           d.innerHTML,
           d.getAttribute('colspan'),
-        ])
-      )
+        ]),
+      ),
     ).toMatchSnapshot()
   })
 
diff --git a/packages/react-table/tests/features/RowSelection.test.tsx b/packages/react-table/tests/features/RowSelection.test.tsx
index 0db73f476b..cc663a9139 100644
--- a/packages/react-table/tests/features/RowSelection.test.tsx
+++ b/packages/react-table/tests/features/RowSelection.test.tsx
@@ -113,15 +113,15 @@ const TableComponent: FC<{ options?: Partial<TableOptions<Person>> }> = ({
   return (
     <table>
       <thead>
-        {table.getHeaderGroups().map(headerGroup => (
+        {table.getHeaderGroups().map((headerGroup) => (
           <tr key={headerGroup.id}>
-            {headerGroup.headers.map(header => (
+            {headerGroup.headers.map((header) => (
               <th key={header.id} colSpan={header.colSpan}>
                 {header.isPlaceholder
                   ? null
                   : flexRender(
                       header.column.columnDef.header,
-                      header.getContext()
+                      header.getContext(),
                     )}
               </th>
             ))}
@@ -129,9 +129,9 @@ const TableComponent: FC<{ options?: Partial<TableOptions<Person>> }> = ({
         ))}
       </thead>
       <tbody>
-        {table.getRowModel().rows.map(row => (
+        {table.getRowModel().rows.map((row) => (
           <tr key={row.id}>
-            {row.getVisibleCells().map(cell => (
+            {row.getVisibleCells().map((cell) => (
               <td key={cell.id}>
                 {flexRender(cell.column.columnDef.cell, cell.getContext())}
               </td>
@@ -146,8 +146,8 @@ const TableComponent: FC<{ options?: Partial<TableOptions<Person>> }> = ({
 test(`Select all do not select rows which are not available for selection`, () => {
   render(
     <TableComponent
-      options={{ enableRowSelection: row => row.original.age > 40 }}
-    />
+      options={{ enableRowSelection: (row) => row.original.age > 40 }}
+    />,
   )
 
   const [title, notSelected, selected] = screen.getAllByRole('checkbox')
@@ -171,7 +171,7 @@ test(`Select all do not select rows which are not available for selection`, () =
 
 // issue #4757
 test(`Select all is unchecked for current page if all rows are not available for selection`, () => {
-  let condition = row => row.original.age > 50
+  let condition = (row) => row.original.age > 50
 
   const { rerender } = render(
     <TableComponent
@@ -180,7 +180,7 @@ test(`Select all is unchecked for current page if all rows are not available for
         data: defaultData,
         enableRowSelection: condition,
       }}
-    />
+    />,
   )
 
   expect(screen.queryByTestId('select-single')).not.toBeInTheDocument()
@@ -188,7 +188,7 @@ test(`Select all is unchecked for current page if all rows are not available for
   expect(selectedOnPage).not.toBeChecked()
   expect(selectedOnPage).not.toHaveAttribute('aria-checked', 'mixed')
 
-  condition = row => row.original.age > 40
+  condition = (row) => row.original.age > 40
   rerender(
     <TableComponent
       options={{
@@ -196,7 +196,7 @@ test(`Select all is unchecked for current page if all rows are not available for
         data: defaultData,
         enableRowSelection: condition,
       }}
-    />
+    />,
   )
 
   expect(screen.queryByTestId('select-single')).toBeInTheDocument()
diff --git a/packages/react-table/tests/features/Visibility.test.tsx b/packages/react-table/tests/features/Visibility.test.tsx
index 7d13d7828d..b8d06c6459 100644
--- a/packages/react-table/tests/features/Visibility.test.tsx
+++ b/packages/react-table/tests/features/Visibility.test.tsx
@@ -48,30 +48,30 @@ const defaultData: Person[] = [
 const defaultColumns: ColumnDef<Person>[] = [
   {
     header: 'Name',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
     columns: [
       {
         accessorKey: 'firstName',
-        cell: props => props.renderValue(),
-        footer: props => props.column.id,
+        cell: (props) => props.renderValue(),
+        footer: (props) => props.column.id,
       },
       {
-        accessorFn: row => row.lastName,
+        accessorFn: (row) => row.lastName,
         id: 'lastName',
-        cell: props => props.renderValue(),
+        cell: (props) => props.renderValue(),
         header: () => <span>Last Name</span>,
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       },
     ],
   },
   {
     header: 'Info',
-    footer: props => props.column.id,
+    footer: (props) => props.column.id,
     columns: [
       {
         accessorKey: 'age',
         header: () => 'Age',
-        footer: props => props.column.id,
+        footer: (props) => props.column.id,
       },
       {
         header: 'More Info',
@@ -79,17 +79,17 @@ const defaultColumns: ColumnDef<Person>[] = [
           {
             accessorKey: 'visits',
             header: () => <span>Visits</span>,
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           },
           {
             accessorKey: 'status',
             header: 'Status',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           },
           {
             accessorKey: 'progress',
             header: 'Profile Progress',
-            footer: props => props.column.id,
+            footer: (props) => props.column.id,
           },
         ],
       },
@@ -134,7 +134,7 @@ describe('useReactTable', () => {
                 Toggle All
               </label>
             </div>
-            {table.getAllLeafColumns().map(column => {
+            {table.getAllLeafColumns().map((column) => {
               return (
                 <div key={column.id} className="px-1">
                   <label>
@@ -154,15 +154,15 @@ describe('useReactTable', () => {
           <div className="h-4" />
           <table>
             <thead>
-              {table.getHeaderGroups().map(headerGroup => (
+              {table.getHeaderGroups().map((headerGroup) => (
                 <tr key={headerGroup.id}>
-                  {headerGroup.headers.map(header => (
+                  {headerGroup.headers.map((header) => (
                     <th key={header.id} colSpan={header.colSpan}>
                       {header.isPlaceholder
                         ? null
                         : flexRender(
                             header.column.columnDef.header,
-                            header.getContext()
+                            header.getContext(),
                           )}
                     </th>
                   ))}
@@ -170,13 +170,13 @@ describe('useReactTable', () => {
               ))}
             </thead>
             <tbody>
-              {table.getRowModel().rows.map(row => (
+              {table.getRowModel().rows.map((row) => (
                 <tr key={row.id}>
-                  {row.getVisibleCells().map(cell => (
+                  {row.getVisibleCells().map((cell) => (
                     <td key={cell.id}>
                       {flexRender(
                         cell.column.columnDef.cell,
-                        cell.getContext()
+                        cell.getContext(),
                       )}
                     </td>
                   ))}
@@ -184,15 +184,15 @@ describe('useReactTable', () => {
               ))}
             </tbody>
             <tfoot>
-              {table.getFooterGroups().map(footerGroup => (
+              {table.getFooterGroups().map((footerGroup) => (
                 <tr key={footerGroup.id}>
-                  {footerGroup.headers.map(header => (
+                  {footerGroup.headers.map((header) => (
                     <th key={header.id} colSpan={header.colSpan}>
                       {header.isPlaceholder
                         ? null
                         : flexRender(
                             header.column.columnDef.footer,
-                            header.getContext()
+                            header.getContext(),
                           )}
                     </th>
                   ))}
@@ -219,23 +219,23 @@ describe('useReactTable', () => {
     const snap = (name: string) => {
       expect({
         headers: Array.from(
-          rendered.container.querySelectorAll('thead > tr')
-        ).map(d =>
-          Array.from(d.querySelectorAll('th')).map(d => [
+          rendered.container.querySelectorAll('thead > tr'),
+        ).map((d) =>
+          Array.from(d.querySelectorAll('th')).map((d) => [
             d.innerHTML,
             d.getAttribute('colspan'),
-          ])
+          ]),
         ),
         rows: Array.from(rendered.container.querySelectorAll('tbody > tr')).map(
-          d => Array.from(d.querySelectorAll('td')).map(d => d.innerHTML)
+          (d) => Array.from(d.querySelectorAll('td')).map((d) => d.innerHTML),
         ),
         footers: Array.from(
-          rendered.container.querySelectorAll('tfoot > tr')
-        ).map(d =>
-          Array.from(d.querySelectorAll('th')).map(d => [
+          rendered.container.querySelectorAll('tfoot > tr'),
+        ).map((d) =>
+          Array.from(d.querySelectorAll('th')).map((d) => [
             d.innerHTML,
             d.getAttribute('colspan'),
-          ])
+          ]),
         ),
       }).toMatchSnapshot(`${snapIndex++} - ${name}`)
     }
diff --git a/packages/react-table/tests/features/useAbsoluteLayout.notest.js b/packages/react-table/tests/features/useAbsoluteLayout.notest.js
index 44f6320069..2216d9f46e 100644
--- a/packages/react-table/tests/features/useAbsoluteLayout.notest.js
+++ b/packages/react-table/tests/features/useAbsoluteLayout.notest.js
@@ -45,15 +45,15 @@ function Table({ columns, data }) {
         data,
         defaultColumn,
       },
-      useAbsoluteLayout
+      useAbsoluteLayout,
     )
 
   return (
     <div {...getTableProps()} className="table">
       <div>
-        {headerGroups.map(headerGroup => (
+        {headerGroups.map((headerGroup) => (
           <div {...headerGroup.getHeaderGroupProps()} className="row">
-            {headerGroup.headers.map(column => (
+            {headerGroup.headers.map((column) => (
               <div {...column.getHeaderProps()} className="cell header">
                 {column.render('Header')}
               </div>
@@ -67,7 +67,7 @@ function Table({ columns, data }) {
           (row, i) =>
             prepareRow(row) || (
               <div {...row.getRowProps()} className="row">
-                {row.cells.map(cell => {
+                {row.cells.map((cell) => {
                   return (
                     <div {...cell.getCellProps()} className="cell">
                       {cell.render('Cell')}
@@ -75,7 +75,7 @@ function Table({ columns, data }) {
                   )
                 })}
               </div>
-            )
+            ),
         )}
       </div>
     </div>
@@ -124,7 +124,7 @@ function App() {
         ],
       },
     ],
-    []
+    [],
   )
 
   return <Table columns={columns} data={data} />
@@ -134,11 +134,13 @@ test('renders a table', () => {
   const rtl = render(<App />)
 
   expect(
-    rtl.getAllByRole('columnheader').every(d => d.style.position === 'absolute')
+    rtl
+      .getAllByRole('columnheader')
+      .every((d) => d.style.position === 'absolute'),
   ).toBe(true)
 
   expect(
-    rtl.getAllByRole('columnheader').map(d => [d.style.left, d.style.width])
+    rtl.getAllByRole('columnheader').map((d) => [d.style.left, d.style.width]),
   ).toStrictEqual([
     ['0px', '550px'],
     ['550px', '850px'],
diff --git a/packages/react-table/tests/features/useBlockLayout.notest.js b/packages/react-table/tests/features/useBlockLayout.notest.js
index 6406d5eba8..10072b65cf 100644
--- a/packages/react-table/tests/features/useBlockLayout.notest.js
+++ b/packages/react-table/tests/features/useBlockLayout.notest.js
@@ -45,15 +45,15 @@ function Table({ columns, data }) {
         data,
         defaultColumn,
       },
-      useBlockLayout
+      useBlockLayout,
     )
 
   return (
     <div {...getTableProps()} className="table">
       <div>
-        {headerGroups.map(headerGroup => (
+        {headerGroups.map((headerGroup) => (
           <div {...headerGroup.getHeaderGroupProps()} className="row">
-            {headerGroup.headers.map(column => (
+            {headerGroup.headers.map((column) => (
               <div {...column.getHeaderProps()} className="cell header">
                 {column.render('Header')}
               </div>
@@ -67,7 +67,7 @@ function Table({ columns, data }) {
           (row, i) =>
             prepareRow(row) || (
               <div {...row.getRowProps()} className="row">
-                {row.cells.map(cell => {
+                {row.cells.map((cell) => {
                   return (
                     <div {...cell.getCellProps()} className="cell">
                       {cell.render('Cell')}
@@ -75,7 +75,7 @@ function Table({ columns, data }) {
                   )
                 })}
               </div>
-            )
+            ),
         )}
       </div>
     </div>
@@ -124,7 +124,7 @@ function App() {
         ],
       },
     ],
-    []
+    [],
   )
 
   return <Table columns={columns} data={data} />
@@ -136,15 +136,15 @@ test('renders a table', () => {
   expect(
     rtl
       .getAllByRole('columnheader')
-      .every(d => d.style.display === 'inline-block')
+      .every((d) => d.style.display === 'inline-block'),
   ).toBe(true)
 
-  expect(rtl.getAllByRole('row').every(d => d.style.display === 'flex')).toBe(
-    true
+  expect(rtl.getAllByRole('row').every((d) => d.style.display === 'flex')).toBe(
+    true,
   )
 
   expect(
-    rtl.getAllByRole('columnheader').map(d => d.style.width)
+    rtl.getAllByRole('columnheader').map((d) => d.style.width),
   ).toStrictEqual([
     '550px',
     '850px',
diff --git a/packages/react-table/tests/features/useColumnOrder.notest.js b/packages/react-table/tests/features/useColumnOrder.notest.js
index 357fe00a6f..dd98d74a2b 100644
--- a/packages/react-table/tests/features/useColumnOrder.notest.js
+++ b/packages/react-table/tests/features/useColumnOrder.notest.js
@@ -66,15 +66,15 @@ function Table({ columns, data }) {
       columns,
       data,
     },
-    useColumnOrder
+    useColumnOrder,
   )
 
   const testColumnOrder = () => {
     setColumnOrder(
       shuffle(
-        leafColumns.map(d => d.id),
-        [1, 4, 2, 0, 3, 5]
-      )
+        leafColumns.map((d) => d.id),
+        [1, 4, 2, 0, 3, 5],
+      ),
     )
   }
 
@@ -85,7 +85,7 @@ function Table({ columns, data }) {
         <thead>
           {headerGroups.map((headerGroup, i) => (
             <tr {...headerGroup.getHeaderGroupProps()}>
-              {headerGroup.headers.map(column => (
+              {headerGroup.headers.map((column) => (
                 <th {...column.getHeaderProps()}>{column.render('Header')}</th>
               ))}
             </tr>
@@ -149,7 +149,7 @@ function App() {
         ],
       },
     ],
-    []
+    [],
   )
 
   return <Table columns={columns} data={data} />
@@ -158,7 +158,7 @@ function App() {
 test('renders a column-orderable table', () => {
   const rtl = render(<App />)
 
-  expect(rtl.getAllByRole('columnheader').map(d => d.textContent)).toEqual([
+  expect(rtl.getAllByRole('columnheader').map((d) => d.textContent)).toEqual([
     'Name',
     'Info',
     'First Name',
@@ -171,7 +171,7 @@ test('renders a column-orderable table', () => {
 
   fireEvent.click(rtl.getByText('Randomize Columns'))
 
-  expect(rtl.getAllByRole('columnheader').map(d => d.textContent)).toEqual([
+  expect(rtl.getAllByRole('columnheader').map((d) => d.textContent)).toEqual([
     'Name',
     'Info',
     'Name',
diff --git a/packages/react-table/tests/features/useExpanded.notest.js b/packages/react-table/tests/features/useExpanded.notest.js
index 3719c7c94e..7dc130486f 100644
--- a/packages/react-table/tests/features/useExpanded.notest.js
+++ b/packages/react-table/tests/features/useExpanded.notest.js
@@ -19,16 +19,16 @@ function Table({ columns: userColumns, data, SubComponent }) {
       columns: userColumns,
       data,
     },
-    useExpanded
+    useExpanded,
   )
 
   return (
     <>
       <table {...getTableProps()}>
         <thead>
-          {headerGroups.map(headerGroup => (
+          {headerGroups.map((headerGroup) => (
             <tr {...headerGroup.getHeaderGroupProps()}>
-              {headerGroup.headers.map(column => (
+              {headerGroup.headers.map((column) => (
                 <th {...column.getHeaderProps()}>{column.render('Header')}</th>
               ))}
             </tr>
@@ -41,7 +41,7 @@ function Table({ columns: userColumns, data, SubComponent }) {
             return (
               <React.Fragment key={key}>
                 <tr {...rowProps}>
-                  {row.cells.map(cell => {
+                  {row.cells.map((cell) => {
                     return (
                       <td {...cell.getCellProps()}>{cell.render('Cell')}</td>
                     )
@@ -87,7 +87,7 @@ function App() {
         Cell: ({ row: { id } }) => `Row ${id}`,
       },
     ],
-    []
+    [],
   )
 
   return (
diff --git a/packages/react-table/tests/features/useFilters.notest.js b/packages/react-table/tests/features/useFilters.notest.js
index 7db6be59f6..776f9aebd2 100644
--- a/packages/react-table/tests/features/useFilters.notest.js
+++ b/packages/react-table/tests/features/useFilters.notest.js
@@ -44,7 +44,7 @@ const defaultColumn = {
   Filter: ({ column: { filterValue, setFilter } }) => (
     <input
       value={filterValue || ''}
-      onChange={e => {
+      onChange={(e) => {
         setFilter(e.target.value || undefined) // Set undefined to remove the filter entirely
       }}
       placeholder="Search..."
@@ -113,7 +113,7 @@ function App(props) {
       defaultColumn,
     },
     useFilters,
-    useGlobalFilter
+    useGlobalFilter,
   )
 
   const reset = () => setData(makeData())
@@ -123,9 +123,9 @@ function App(props) {
       <button onClick={reset}>Reset Data</button>
       <table {...getTableProps()}>
         <thead>
-          {headerGroups.map(headerGroup => (
+          {headerGroups.map((headerGroup) => (
             <tr {...headerGroup.getHeaderGroupProps()}>
-              {headerGroup.headers.map(column => (
+              {headerGroup.headers.map((column) => (
                 <th {...column.getHeaderProps()}>
                   {column.render('Header')}
                   {column.canFilter ? column.render('Filter') : null}
@@ -143,7 +143,7 @@ function App(props) {
               <span>
                 <input
                   value={state.globalFilter || ''}
-                  onChange={e => {
+                  onChange={(e) => {
                     setGlobalFilter(e.target.value || undefined) // Set undefined to remove the filter entirely
                   }}
                   placeholder={`Global search...`}
@@ -161,11 +161,11 @@ function App(props) {
             (row, i) =>
               prepareRow(row) || (
                 <tr {...row.getRowProps()}>
-                  {row.cells.map(cell => (
+                  {row.cells.map((cell) => (
                     <td {...cell.getCellProps()}>{cell.render('Cell')}</td>
                   ))}
                 </tr>
-              )
+              ),
           )}
         </tbody>
       </table>
@@ -187,7 +187,7 @@ test('renders a filterable table', async () => {
     rendered
       .queryAllByRole('row')
       .slice(3)
-      .map(row => Array.from(row.children)[0].textContent)
+      .map((row) => Array.from(row.children)[0].textContent),
   ).toEqual(['firstName: tanner', 'firstName: jaylen'])
 
   fireEvent.change(filterInputs[1], { target: { value: 'er' } })
@@ -195,7 +195,7 @@ test('renders a filterable table', async () => {
     rendered
       .queryAllByRole('row')
       .slice(3)
-      .map(row => Array.from(row.children)[0].textContent)
+      .map((row) => Array.from(row.children)[0].textContent),
   ).toEqual(['firstName: derek', 'firstName: joe'])
 
   fireEvent.change(filterInputs[2], { target: { value: 'nothing' } })
@@ -203,7 +203,7 @@ test('renders a filterable table', async () => {
     rendered
       .queryAllByRole('row')
       .slice(3)
-      .map(row => Array.from(row.children)[0].textContent)
+      .map((row) => Array.from(row.children)[0].textContent),
   ).toEqual([])
 
   fireEvent.change(filterInputs[1], { target: { value: '' } })
@@ -211,7 +211,7 @@ test('renders a filterable table', async () => {
     rendered
       .queryAllByRole('row')
       .slice(3)
-      .map(row => Array.from(row.children)[0].textContent)
+      .map((row) => Array.from(row.children)[0].textContent),
   ).toEqual([])
 
   fireEvent.change(filterInputs[2], { target: { value: '' } })
@@ -219,7 +219,7 @@ test('renders a filterable table', async () => {
     rendered
       .queryAllByRole('row')
       .slice(3)
-      .map(row => Array.from(row.children)[0].textContent)
+      .map((row) => Array.from(row.children)[0].textContent),
   ).toEqual([
     'firstName: tanner',
     'firstName: derek',
@@ -232,7 +232,7 @@ test('renders a filterable table', async () => {
     rendered
       .queryAllByRole('row')
       .slice(3)
-      .map(row => Array.from(row.children)[0].textContent)
+      .map((row) => Array.from(row.children)[0].textContent),
   ).toEqual(['firstName: tanner', 'firstName: joe', 'firstName: jaylen'])
 
   fireEvent.click(resetButton)
@@ -240,7 +240,7 @@ test('renders a filterable table', async () => {
     rendered
       .queryAllByRole('row')
       .slice(3)
-      .map(row => Array.from(row.children)[0].textContent)
+      .map((row) => Array.from(row.children)[0].textContent),
   ).toEqual([
     'firstName: tanner',
     'firstName: derek',
@@ -300,7 +300,7 @@ test('does not filter columns marked as disableFilters', () => {
     rendered
       .queryAllByRole('row')
       .slice(3)
-      .map(row => Array.from(row.children)[0].textContent)
+      .map((row) => Array.from(row.children)[0].textContent),
   ).toEqual(['firstName: joe'])
 
   fireEvent.change(filterInputs[0], { target: { value: '' } })
@@ -308,7 +308,7 @@ test('does not filter columns marked as disableFilters', () => {
     rendered
       .queryAllByRole('row')
       .slice(3)
-      .map(row => Array.from(row.children)[0].textContent)
+      .map((row) => Array.from(row.children)[0].textContent),
   ).toEqual([
     'firstName: tanner',
     'firstName: derek',
@@ -365,7 +365,7 @@ test('does not filter columns with GlobalFilter if marked disableGlobalFilter',
     rendered
       .queryAllByRole('row')
       .slice(3)
-      .map(row => Array.from(row.children)[0].textContent)
+      .map((row) => Array.from(row.children)[0].textContent),
   ).toEqual([
     'firstName: tanner',
     'firstName: derek',
@@ -379,7 +379,7 @@ test('does not filter columns with GlobalFilter if marked disableGlobalFilter',
     rendered
       .queryAllByRole('row')
       .slice(3)
-      .map(row => Array.from(row.children)[0].textContent)
+      .map((row) => Array.from(row.children)[0].textContent),
   ).toEqual(['firstName: joe'])
 
   // double check global filter ignore (should ignore joe bergevin)
@@ -388,6 +388,6 @@ test('does not filter columns with GlobalFilter if marked disableGlobalFilter',
     rendered
       .queryAllByRole('row')
       .slice(3)
-      .map(row => Array.from(row.children)[0].textContent)
+      .map((row) => Array.from(row.children)[0].textContent),
   ).toEqual(['firstName: tanner', 'firstName: derek', 'firstName: jaylen'])
 })
diff --git a/packages/react-table/tests/features/useFiltersAndRowSelect.notest.js b/packages/react-table/tests/features/useFiltersAndRowSelect.notest.js
index 0c33cfe314..cec6d0c247 100644
--- a/packages/react-table/tests/features/useFiltersAndRowSelect.notest.js
+++ b/packages/react-table/tests/features/useFiltersAndRowSelect.notest.js
@@ -56,7 +56,7 @@ function Table({ columns, data }) {
       defaultColumn,
     },
     useFilters,
-    useRowSelect
+    useRowSelect,
   )
 
   // Render the UI for your table
@@ -64,9 +64,9 @@ function Table({ columns, data }) {
     <>
       <table {...getTableProps()}>
         <thead>
-          {headerGroups.map(headerGroup => (
+          {headerGroups.map((headerGroup) => (
             <tr {...headerGroup.getHeaderGroupProps()}>
-              {headerGroup.headers.map(column => (
+              {headerGroup.headers.map((column) => (
                 <th {...column.getHeaderProps()}>
                   {column.render('Header')}
                   {column.canFilter ? column.render('Filter') : null}
@@ -80,13 +80,13 @@ function Table({ columns, data }) {
             (row, i) =>
               prepareRow(row) || (
                 <tr {...row.getRowProps()}>
-                  {row.cells.map(cell => {
+                  {row.cells.map((cell) => {
                     return (
                       <td {...cell.getCellProps()}>{cell.render('Cell')}</td>
                     )
                   })}
                 </tr>
-              )
+              ),
           )}
         </tbody>
       </table>
@@ -108,7 +108,7 @@ const defaultColumn = {
   Filter: ({ column: { filterValue, setFilter } }) => (
     <input
       value={filterValue || ''}
-      onChange={e => {
+      onChange={(e) => {
         setFilter(e.target.value || undefined) // Set undefined to remove the filter entirely
       }}
       placeholder="Search..."
@@ -126,7 +126,7 @@ const IndeterminateCheckbox = React.forwardRef(
     }, [resolvedRef, indeterminate])
 
     return <input type="checkbox" ref={resolvedRef} {...rest} />
-  }
+  },
 )
 
 function App() {
@@ -200,7 +200,7 @@ function App() {
         ],
       },
     ],
-    []
+    [],
   )
 
   return <Table columns={columns} data={data} />
@@ -208,7 +208,7 @@ function App() {
 
 test('Select/Clear All while filtered only affects visible rows', () => {
   const { getAllByPlaceholderText, getByLabelText, getByTestId } = render(
-    <App />
+    <App />,
   )
   const selectedCount = getByTestId('selected-count')
   const selectAllCheckbox = getByLabelText('Select All')
diff --git a/packages/react-table/tests/features/useFlexLayout.notest.js b/packages/react-table/tests/features/useFlexLayout.notest.js
index 5465491185..49a72eda3f 100644
--- a/packages/react-table/tests/features/useFlexLayout.notest.js
+++ b/packages/react-table/tests/features/useFlexLayout.notest.js
@@ -45,15 +45,15 @@ function Table({ columns, data }) {
         data,
         defaultColumn,
       },
-      useFlexLayout
+      useFlexLayout,
     )
 
   return (
     <div {...getTableProps()} className="table">
       <div>
-        {headerGroups.map(headerGroup => (
+        {headerGroups.map((headerGroup) => (
           <div {...headerGroup.getHeaderGroupProps()} className="row">
-            {headerGroup.headers.map(column => (
+            {headerGroup.headers.map((column) => (
               <div {...column.getHeaderProps()} className="cell header">
                 {column.render('Header')}
               </div>
@@ -67,7 +67,7 @@ function Table({ columns, data }) {
           (row, i) =>
             prepareRow(row) || (
               <div {...row.getRowProps()} className="row">
-                {row.cells.map(cell => {
+                {row.cells.map((cell) => {
                   return (
                     <div {...cell.getCellProps()} className="cell">
                       {cell.render('Cell')}
@@ -75,7 +75,7 @@ function Table({ columns, data }) {
                   )
                 })}
               </div>
-            )
+            ),
         )}
       </div>
     </div>
@@ -124,7 +124,7 @@ function App() {
         ],
       },
     ],
-    []
+    [],
   )
 
   return <Table columns={columns} data={data} />
@@ -136,11 +136,11 @@ test('renders a table', () => {
   const [headerRow, , firstRow] = rendered.queryAllByRole('row')
 
   expect(headerRow.getAttribute('style')).toEqual(
-    'display: flex; flex: 1 0 auto; min-width: 800px;'
+    'display: flex; flex: 1 0 auto; min-width: 800px;',
   )
 
   expect(
-    Array.from(firstRow.children).map(d => d.getAttribute('style'))
+    Array.from(firstRow.children).map((d) => d.getAttribute('style')),
   ).toEqual([
     'box-sizing: border-box; flex: 0 0 auto; min-width: 100px; width: 250px;',
     'box-sizing: border-box; flex: 0 0 auto; min-width: 100px; width: 300px;',
diff --git a/packages/react-table/tests/features/useGroupBy.notest.js b/packages/react-table/tests/features/useGroupBy.notest.js
index 68d9633c33..60c4a3acfb 100644
--- a/packages/react-table/tests/features/useGroupBy.notest.js
+++ b/packages/react-table/tests/features/useGroupBy.notest.js
@@ -52,7 +52,7 @@ const defaultColumn = {
   Filter: ({ filterValue, setFilter }) => (
     <input
       value={filterValue || ''}
-      onChange={e => {
+      onChange={(e) => {
         setFilter(e.target.value || undefined) // Set undefined to remove the filter entirely
       }}
       placeholder="Search..."
@@ -72,15 +72,15 @@ function Table({ columns, data }) {
         },
       },
       useGrouping,
-      useExpanded
+      useExpanded,
     )
 
   return (
     <table {...getTableProps()}>
       <thead>
-        {headerGroups.map(headerGroup => (
+        {headerGroups.map((headerGroup) => (
           <tr {...headerGroup.getHeaderGroupProps()}>
-            {headerGroup.headers.map(column => (
+            {headerGroup.headers.map((column) => (
               <th {...column.getHeaderProps()}>
                 {column.canGroup ? (
                   // If the column can be grouped, let's add a toggle
@@ -99,7 +99,7 @@ function Table({ columns, data }) {
           (row, i) =>
             prepareRow(row) || (
               <tr {...row.getRowProps()}>
-                {row.cells.map(cell => {
+                {row.cells.map((cell) => {
                   return (
                     <td {...cell.getCellProps()}>
                       {cell.getIsGrouped() ? (
@@ -123,7 +123,7 @@ function Table({ columns, data }) {
                   )
                 })}
               </tr>
-            )
+            ),
         )}
       </tbody>
     </table>
@@ -137,7 +137,7 @@ function roundedMedian(leafValues) {
   let min = leafValues[0] || 0
   let max = leafValues[0] || 0
 
-  leafValues.forEach(value => {
+  leafValues.forEach((value) => {
     min = Math.min(min, value)
     max = Math.max(max, value)
   })
@@ -227,7 +227,7 @@ function App() {
         ],
       },
     ],
-    []
+    [],
   )
 
   return <Table columns={columns} data={data} />
diff --git a/packages/react-table/tests/features/usePagination.notest.js b/packages/react-table/tests/features/usePagination.notest.js
index c1db8071fa..ce7446488a 100644
--- a/packages/react-table/tests/features/usePagination.notest.js
+++ b/packages/react-table/tests/features/usePagination.notest.js
@@ -73,16 +73,16 @@ function Table({ columns, data }) {
       data,
       initialState: { pageIndex: 2 },
     },
-    usePagination
+    usePagination,
   )
 
   return (
     <>
       <table {...getTableProps()}>
         <thead>
-          {headerGroups.map(headerGroup => (
+          {headerGroups.map((headerGroup) => (
             <tr {...headerGroup.getHeaderGroupProps()}>
-              {headerGroup.headers.map(column => (
+              {headerGroup.headers.map((column) => (
                 <th {...column.getHeaderProps()}>{column.render('Header')}</th>
               ))}
             </tr>
@@ -93,13 +93,13 @@ function Table({ columns, data }) {
             (row, i) =>
               prepareRow(row) || (
                 <tr {...row.getRowProps()}>
-                  {row.cells.map(cell => {
+                  {row.cells.map((cell) => {
                     return (
                       <td {...cell.getCellProps()}>{cell.render('Cell')}</td>
                     )
                   })}
                 </tr>
-              )
+              ),
           )}
         </tbody>
       </table>
@@ -127,7 +127,7 @@ function Table({ columns, data }) {
           <input
             type="number"
             defaultValue={pageIndex + 1}
-            onChange={e => {
+            onChange={(e) => {
               const page = e.target.value ? Number(e.target.value) - 1 : 0
               gotoPage(page)
             }}
@@ -136,12 +136,12 @@ function Table({ columns, data }) {
         </span>{' '}
         <select
           value={pageSize}
-          onChange={e => {
+          onChange={(e) => {
             setPageSize(Number(e.target.value))
           }}
           data-testid="page-size-select"
         >
-          {[10, 20, 30, 40, 50].map(pageSize => (
+          {[10, 20, 30, 40, 50].map((pageSize) => (
             <option key={pageSize} value={pageSize}>
               Show {pageSize}
             </option>
@@ -178,7 +178,8 @@ test('renders a paginated table', () => {
   })
 
   expect(
-    rendered.queryAllByRole('row').slice(2).reverse()[0].children[0].textContent
+    rendered.queryAllByRole('row').slice(2).reverse()[0].children[0]
+      .textContent,
   ).toEqual('tanner 30')
 })
 
@@ -206,7 +207,7 @@ describe('usePagination', () => {
 
     expect(
       rendered.queryAllByRole('row').slice(2).reverse()[0].children[0]
-        .textContent
+        .textContent,
     ).toEqual('tanner 30')
   })
 
@@ -218,8 +219,8 @@ describe('usePagination', () => {
           data,
         },
         useFilters,
-        usePagination
-      )
+        usePagination,
+      ),
     )
 
     act(() => result.current.nextPage())
diff --git a/packages/react-table/tests/features/useResizeColumns.notest.js b/packages/react-table/tests/features/useResizeColumns.notest.js
index 3f0e9e99c8..a3d7c96945 100644
--- a/packages/react-table/tests/features/useResizeColumns.notest.js
+++ b/packages/react-table/tests/features/useResizeColumns.notest.js
@@ -37,7 +37,7 @@ function Table({ columns, data }) {
       width: 150,
       maxWidth: 400,
     }),
-    []
+    [],
   )
 
   const { getTableProps, getTableBodyProps, headerGroups, rows, prepareRow } =
@@ -48,15 +48,15 @@ function Table({ columns, data }) {
         defaultColumn,
       },
       useBlockLayout,
-      useResizeColumns
+      useResizeColumns,
     )
 
   return (
     <div {...getTableProps()} className="table">
       <div>
-        {headerGroups.map(headerGroup => (
+        {headerGroups.map((headerGroup) => (
           <div {...headerGroup.getHeaderGroupProps()} className="tr">
-            {headerGroup.headers.map(column => (
+            {headerGroup.headers.map((column) => (
               <div {...column.getHeaderProps()} className="th">
                 {column.render('Header')}
                 {/* Use column.getResizerProps to hook up the events correctly */}
@@ -75,7 +75,7 @@ function Table({ columns, data }) {
           prepareRow(row)
           return (
             <div {...row.getRowProps()} className="tr">
-              {row.cells.map(cell => {
+              {row.cells.map((cell) => {
                 return (
                   <div {...cell.getCellProps()} className="td">
                     {cell.render('Cell')}
@@ -130,7 +130,7 @@ function App() {
         ],
       },
     ],
-    []
+    [],
   )
 
   return <Table columns={columns} data={data} />
@@ -167,18 +167,18 @@ test('table can be resized by a mouse', () => {
 
   const infoResizer = rtl
     .getAllByRole('separator')
-    .find(d => d.previousSibling.textContent === 'Info')
+    .find((d) => d.previousSibling.textContent === 'Info')
 
-  expect(rtl.getAllByRole('columnheader').map(d => d.style.width)).toEqual(
-    sizesBefore
+  expect(rtl.getAllByRole('columnheader').map((d) => d.style.width)).toEqual(
+    sizesBefore,
   )
 
   fireEvent.mouseDown(infoResizer, { clientX: start })
   fireEvent.mouseMove(infoResizer, { clientX: move })
   fireEvent.mouseUp(infoResizer, { clientX: end })
 
-  expect(rtl.getAllByRole('columnheader').map(d => d.style.width)).toEqual(
-    sizesAfter
+  expect(rtl.getAllByRole('columnheader').map((d) => d.style.width)).toEqual(
+    sizesAfter,
   )
 })
 
@@ -187,18 +187,18 @@ test('table can be resized by a touch device', () => {
 
   const infoResizer = rtl
     .getAllByRole('separator')
-    .find(d => d.previousSibling.textContent === 'Info')
+    .find((d) => d.previousSibling.textContent === 'Info')
 
-  expect(rtl.getAllByRole('columnheader').map(d => d.style.width)).toEqual(
-    sizesBefore
+  expect(rtl.getAllByRole('columnheader').map((d) => d.style.width)).toEqual(
+    sizesBefore,
   )
 
   fireEvent.touchStart(infoResizer, { touches: [{ clientX: start }] })
   fireEvent.touchMove(infoResizer, { touches: [{ clientX: move }] })
   fireEvent.touchEnd(infoResizer, { touches: [{ clientX: end }] })
 
-  expect(rtl.getAllByRole('columnheader').map(d => d.style.width)).toEqual(
-    sizesAfter
+  expect(rtl.getAllByRole('columnheader').map((d) => d.style.width)).toEqual(
+    sizesAfter,
   )
 })
 
@@ -207,10 +207,10 @@ test('table can not be resized with multiple touches', () => {
 
   const infoResizer = rtl
     .getAllByRole('separator')
-    .find(d => d.previousSibling.textContent === 'Info')
+    .find((d) => d.previousSibling.textContent === 'Info')
 
-  expect(rtl.getAllByRole('columnheader').map(d => d.style.width)).toEqual(
-    sizesBefore
+  expect(rtl.getAllByRole('columnheader').map((d) => d.style.width)).toEqual(
+    sizesBefore,
   )
 
   fireEvent.touchStart(infoResizer, {
@@ -223,7 +223,7 @@ test('table can not be resized with multiple touches', () => {
     touches: [{ clientX: end }, { clientX: end }],
   })
 
-  expect(rtl.getAllByRole('columnheader').map(d => d.style.width)).toEqual(
-    sizesBefore
+  expect(rtl.getAllByRole('columnheader').map((d) => d.style.width)).toEqual(
+    sizesBefore,
   )
 })
diff --git a/packages/react-table/tests/features/useRowSelect.notest.js b/packages/react-table/tests/features/useRowSelect.notest.js
index ed1f5ec915..09624f6da8 100644
--- a/packages/react-table/tests/features/useRowSelect.notest.js
+++ b/packages/react-table/tests/features/useRowSelect.notest.js
@@ -77,8 +77,8 @@ function Table({ columns, data }) {
       },
       useRowSelect,
       useExpanded,
-      hooks => {
-        hooks.leafColumns.push(columns => [
+      (hooks) => {
+        hooks.leafColumns.push((columns) => [
           // Let's make a column for selection
           {
             id: 'selection',
@@ -105,7 +105,7 @@ function Table({ columns, data }) {
           },
           ...columns,
         ])
-      }
+      },
     )
 
   // Render the UI for your table
@@ -113,9 +113,9 @@ function Table({ columns, data }) {
     <>
       <table {...getTableProps()}>
         <thead>
-          {headerGroups.map(headerGroup => (
+          {headerGroups.map((headerGroup) => (
             <tr {...headerGroup.getHeaderGroupProps()}>
-              {headerGroup.headers.map(column => (
+              {headerGroup.headers.map((column) => (
                 <th {...column.getHeaderProps()}>{column.render('Header')}</th>
               ))}
             </tr>
@@ -126,13 +126,13 @@ function Table({ columns, data }) {
             (row, i) =>
               prepareRow(row) || (
                 <tr {...row.getRowProps()}>
-                  {row.cells.map(cell => {
+                  {row.cells.map((cell) => {
                     return (
                       <td {...cell.getCellProps()}>{cell.render('Cell')}</td>
                     )
                   })}
                 </tr>
-              )
+              ),
           )}
         </tbody>
       </table>
@@ -150,7 +150,7 @@ const IndeterminateCheckbox = React.forwardRef(
     }, [resolvedRef, indeterminate])
 
     return <input type="checkbox" ref={resolvedRef} {...rest} />
-  }
+  },
 )
 
 function App() {
@@ -201,7 +201,7 @@ function App() {
         ],
       },
     ],
-    []
+    [],
   )
 
   return <Table columns={columns} data={data} />
diff --git a/packages/react-table/tests/features/useRowState.notest.js b/packages/react-table/tests/features/useRowState.notest.js
index 7f7043405d..abae3fc045 100644
--- a/packages/react-table/tests/features/useRowState.notest.js
+++ b/packages/react-table/tests/features/useRowState.notest.js
@@ -43,7 +43,9 @@ const defaultColumn = {
     <div>
       Row {row.id} Cell {column.id} Count {cell.state.count}{' '}
       <button
-        onClick={() => cell.setState(old => ({ ...old, count: old.count + 1 }))}
+        onClick={() =>
+          cell.setState((old) => ({ ...old, count: old.count + 1 }))
+        }
       >
         Row {row.id} Cell {column.id} Toggle
       </button>
@@ -61,15 +63,15 @@ function Table({ columns, data }) {
         initialRowStateAccessor: () => ({ count: 0 }),
         initialCellStateAccessor: () => ({ count: 0 }),
       },
-      useRowState
+      useRowState,
     )
 
   return (
     <table {...getTableProps()}>
       <thead>
-        {headerGroups.map(headerGroup => (
+        {headerGroups.map((headerGroup) => (
           <tr {...headerGroup.getHeaderGroupProps()}>
-            {headerGroup.headers.map(column => (
+            {headerGroup.headers.map((column) => (
               <th {...column.getHeaderProps()}>{column.render('Header')}</th>
             ))}
           </tr>
@@ -84,7 +86,7 @@ function Table({ columns, data }) {
                   <pre>Row Count {row.state.count}</pre>
                   <button
                     onClick={() =>
-                      row.setState(old => ({
+                      row.setState((old) => ({
                         ...old,
                         count: old.count + 1,
                       }))
@@ -93,11 +95,11 @@ function Table({ columns, data }) {
                     Row {row.id} Toggle
                   </button>
                 </td>
-                {row.cells.map(cell => (
+                {row.cells.map((cell) => (
                   <td {...cell.getCellProps()}>{cell.render('Cell')}</td>
                 ))}
               </tr>
-            )
+            ),
         )}
       </tbody>
     </table>
@@ -142,7 +144,7 @@ function App() {
         ],
       },
     ],
-    []
+    [],
   )
 
   return <Table columns={columns} data={data} />
diff --git a/packages/react-table/tests/features/withSorting.notest.tsx b/packages/react-table/tests/features/withSorting.notest.tsx
index 4c3ca32754..d89cd6c9e0 100644
--- a/packages/react-table/tests/features/withSorting.notest.tsx
+++ b/packages/react-table/tests/features/withSorting.notest.tsx
@@ -73,7 +73,7 @@ const columns: Column[] = [
 describe('withSorting', () => {
   it('renders a sortable table', () => {
     const { result } = renderHook(
-      options => {
+      (options) => {
         const table = useTable(options, [withCore, withSorting])
 
         return table
@@ -83,7 +83,7 @@ describe('withSorting', () => {
           data,
           columns,
         },
-      }
+      },
     )
 
     expect(getHeaderIds(result.current)).toEqual([
@@ -99,7 +99,7 @@ describe('withSorting', () => {
 
     act(() => {
       result.current.flatHeaders
-        .find(d => d.id === 'firstName')
+        .find((d) => d.id === 'firstName')
         ?.getToggleSortingProps?.()
         .onClick({
           persist: noop,
@@ -114,7 +114,7 @@ describe('withSorting', () => {
 
     act(() => {
       result.current.flatHeaders
-        .find(d => d.id === 'firstName')
+        .find((d) => d.id === 'firstName')
         ?.getToggleSortingProps?.()
         .onClick({
           persist: noop,
@@ -129,7 +129,7 @@ describe('withSorting', () => {
 
     act(() => {
       result.current.flatHeaders
-        .find(d => d.id === 'progress')
+        .find((d) => d.id === 'progress')
         ?.getToggleSortingProps?.()
         .onClick({
           persist: noop,
@@ -144,7 +144,7 @@ describe('withSorting', () => {
 
     act(() => {
       result.current.flatHeaders
-        .find(d => d.id === 'firstName')
+        .find((d) => d.id === 'firstName')
         ?.getToggleSortingProps?.()
         .onClick({
           persist: noop,
@@ -161,7 +161,7 @@ describe('withSorting', () => {
 
   it('renders a controlled sorted table', () => {
     const { result, rerender } = renderHook(
-      options => {
+      (options) => {
         const table = useTable(options, [withSorting])
 
         return table
@@ -172,7 +172,7 @@ describe('withSorting', () => {
           columns,
           state: {},
         },
-      }
+      },
     )
 
     expect(getHeaderIds(result.current)).toEqual([
@@ -242,7 +242,7 @@ describe('withSorting', () => {
 
   it('renders a hoisted state sorted table', () => {
     const { result } = renderHook(
-      options => {
+      (options) => {
         const [sorting, setSorting] = React.useState<TableState['sorting']>([])
 
         const table = useTable(
@@ -253,7 +253,7 @@ describe('withSorting', () => {
             },
             onSortingChange: setSorting,
           },
-          [withSorting]
+          [withSorting],
         )
 
         return table
@@ -263,7 +263,7 @@ describe('withSorting', () => {
           data,
           columns,
         },
-      }
+      },
     )
 
     expect(getHeaderIds(result.current)).toEqual([
@@ -279,7 +279,7 @@ describe('withSorting', () => {
 
     act(() => {
       result.current.flatHeaders
-        .find(d => d.id === 'firstName')
+        .find((d) => d.id === 'firstName')
         ?.getToggleSortingProps?.()
         .onClick({
           persist: noop,
@@ -294,7 +294,7 @@ describe('withSorting', () => {
 
     act(() => {
       result.current.flatHeaders
-        .find(d => d.id === 'firstName')
+        .find((d) => d.id === 'firstName')
         ?.getToggleSortingProps?.()
         .onClick({
           persist: noop,
@@ -309,7 +309,7 @@ describe('withSorting', () => {
 
     act(() => {
       result.current.flatHeaders
-        .find(d => d.id === 'progress')
+        .find((d) => d.id === 'progress')
         ?.getToggleSortingProps?.()
         .onClick({
           persist: noop,
@@ -324,7 +324,7 @@ describe('withSorting', () => {
 
     act(() => {
       result.current.flatHeaders
-        .find(d => d.id === 'firstName')
+        .find((d) => d.id === 'firstName')
         ?.getToggleSortingProps?.()
         .onClick({
           persist: noop,
diff --git a/packages/solid-table/package.json b/packages/solid-table/package.json
index 48430e1dd4..273f5b8ce8 100644
--- a/packages/solid-table/package.json
+++ b/packages/solid-table/package.json
@@ -6,7 +6,7 @@
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "https://github.com/TanStack/table.git",
+    "url": "git+https://github.com/TanStack/table.git",
     "directory": "packages/solid-table"
   },
   "homepage": "https://tanstack.com/table",
diff --git a/packages/solid-table/rollup.config.mjs b/packages/solid-table/rollup.config.mjs
index 4975cc7d9d..52944118b2 100644
--- a/packages/solid-table/rollup.config.mjs
+++ b/packages/solid-table/rollup.config.mjs
@@ -14,5 +14,5 @@ export default defineConfig(
       'solid-js': 'Solid',
       'solid-js/store': 'SolidStore',
     },
-  })
+  }),
 )
diff --git a/packages/solid-table/src/index.tsx b/packages/solid-table/src/index.tsx
index a1a0244668..a0d744e5b3 100755
--- a/packages/solid-table/src/index.tsx
+++ b/packages/solid-table/src/index.tsx
@@ -13,7 +13,7 @@ export * from '@tanstack/table-core'
 
 export function flexRender<TProps>(
   Comp: ((props: TProps) => JSX.Element) | JSX.Element | undefined,
-  props: TProps
+  props: TProps,
 ): JSX.Element {
   if (!Comp) return null
 
@@ -25,7 +25,7 @@ export function flexRender<TProps>(
 }
 
 export function createSolidTable<TData extends RowData>(
-  options: TableOptions<TData>
+  options: TableOptions<TData>,
 ) {
   const resolvedOptions: TableOptionsResolved<TData> = mergeProps(
     {
@@ -34,19 +34,19 @@ export function createSolidTable<TData extends RowData>(
       renderFallbackValue: null,
       mergeOptions: (
         defaultOptions: TableOptions<TData>,
-        options: Partial<TableOptions<TData>>
+        options: Partial<TableOptions<TData>>,
       ) => {
         return mergeProps(defaultOptions, options) as TableOptions<TData>
       },
     },
-    options
+    options,
   )
 
   const table = createTable<TData>(resolvedOptions)
   const [state, setState] = createStore(table.initialState)
 
   createComputed(() => {
-    table.setOptions(prev => {
+    table.setOptions((prev) => {
       return mergeProps(prev, options, {
         state: mergeProps(state, options.state || {}),
         // Similarly, we'll maintain both our internal state and any user-provided
diff --git a/packages/svelte-table/package.json b/packages/svelte-table/package.json
index 105203fa61..af59f6dcff 100644
--- a/packages/svelte-table/package.json
+++ b/packages/svelte-table/package.json
@@ -6,7 +6,7 @@
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "https://github.com/TanStack/table.git",
+    "url": "git+https://github.com/TanStack/table.git",
     "directory": "packages/svelte-table"
   },
   "homepage": "https://tanstack.com/table",
diff --git a/packages/svelte-table/rollup.config.mjs b/packages/svelte-table/rollup.config.mjs
index eaa02049df..789dc1236c 100644
--- a/packages/svelte-table/rollup.config.mjs
+++ b/packages/svelte-table/rollup.config.mjs
@@ -20,5 +20,5 @@ export default defineConfig(
       'svelte/internal': 'SvelteInternal',
       'svelte/store': 'SvelteStore',
     },
-  })
+  }),
 )
diff --git a/packages/svelte-table/src/index.ts b/packages/svelte-table/src/index.ts
index 0a7dd157cf..5235bb571d 100755
--- a/packages/svelte-table/src/index.ts
+++ b/packages/svelte-table/src/index.ts
@@ -69,7 +69,7 @@ export function flexRender(component: any, props: any): ComponentType | null {
 type ReadableOrVal<T> = T | Readable<T>
 
 export function createSvelteTable<TData extends RowData>(
-  options: ReadableOrVal<TableOptions<TData>>
+  options: ReadableOrVal<TableOptions<TData>>,
 ) {
   let optionsStore: Readable<TableOptions<TData>>
 
@@ -90,17 +90,17 @@ export function createSvelteTable<TData extends RowData>(
 
   let stateStore = writable(/** @type {number} */ table.initialState)
   // combine stores
-  let stateOptionsStore = derived([stateStore, optionsStore], s => s)
+  let stateOptionsStore = derived([stateStore, optionsStore], (s) => s)
   const tableReadable = readable(table, function start(set) {
     const unsubscribe = stateOptionsStore.subscribe(([state, options]) => {
-      table.setOptions(prev => {
+      table.setOptions((prev) => {
         return {
           ...prev,
           ...options,
           state: { ...state, ...options.state },
           // Similarly, we'll maintain both our internal state and any user-provided
           // state.
-          onStateChange: updater => {
+          onStateChange: (updater) => {
             if (updater instanceof Function) {
               stateStore.update(updater)
             } else {
diff --git a/packages/svelte-table/src/placeholder.ts b/packages/svelte-table/src/placeholder.ts
index b99a4c69b8..ecac0f55e1 100644
--- a/packages/svelte-table/src/placeholder.ts
+++ b/packages/svelte-table/src/placeholder.ts
@@ -7,7 +7,7 @@ type X = typeof PlaceholderClient
 const PlaceholderServer = create_ssr_component(
   ($$result: any, $$props: any, $$bindings: any, slots: any) => {
     return `${escape($$props.content)}`
-  }
+  },
 ) as any as typeof SvelteComponentDev
 
 export default typeof document === 'undefined'
diff --git a/packages/svelte-table/src/render-component.ts b/packages/svelte-table/src/render-component.ts
index 08f4fb1a65..b31336296d 100644
--- a/packages/svelte-table/src/render-component.ts
+++ b/packages/svelte-table/src/render-component.ts
@@ -49,7 +49,7 @@ function create_fragment(ctx: any, Comp: any, props: any) {
 
 function renderClient<T>(
   Comp: T,
-  props: T extends ComponentType<infer C> ? ComponentProps<C> : any
+  props: T extends ComponentType<infer C> ? ComponentProps<C> : any,
 ) {
   return class WrapperComp extends SvelteComponent {
     constructor(options: any) {
@@ -61,7 +61,7 @@ function renderClient<T>(
         (ctx: any) => create_fragment(ctx, Comp, props),
         safe_not_equal,
         {},
-        undefined
+        undefined,
       )
     }
   } as ComponentType
@@ -69,7 +69,7 @@ function renderClient<T>(
 
 function renderServer<T>(
   Comp: T,
-  props: T extends ComponentType<infer C> ? ComponentProps<C> : any
+  props: T extends ComponentType<infer C> ? ComponentProps<C> : any,
 ) {
   const WrapperComp = create_ssr_component(
     ($$result: any, $$props: any, $$bindings: any, slots: any) => {
@@ -77,9 +77,9 @@ function renderServer<T>(
         $$result,
         props,
         {},
-        {}
+        {},
       )}`
-    }
+    },
   )
 
   return WrapperComp as unknown as ComponentType
diff --git a/packages/table-core/package.json b/packages/table-core/package.json
index 4d6e45c3b6..8e7a77a3b5 100644
--- a/packages/table-core/package.json
+++ b/packages/table-core/package.json
@@ -6,7 +6,7 @@
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "https://github.com/TanStack/table.git",
+    "url": "git+https://github.com/TanStack/table.git",
     "directory": "packages/table-core"
   },
   "homepage": "https://tanstack.com/table",
diff --git a/packages/table-core/rollup.config.mjs b/packages/table-core/rollup.config.mjs
index 6d31938690..a0b9e93c29 100644
--- a/packages/table-core/rollup.config.mjs
+++ b/packages/table-core/rollup.config.mjs
@@ -11,5 +11,5 @@ export default defineConfig(
     entryFile: 'src/index.ts',
     external: [],
     globals: {},
-  })
+  }),
 )
diff --git a/packages/table-core/src/aggregationFns.ts b/packages/table-core/src/aggregationFns.ts
index 06c7f95ada..b7667aa27e 100755
--- a/packages/table-core/src/aggregationFns.ts
+++ b/packages/table-core/src/aggregationFns.ts
@@ -13,7 +13,7 @@ const sum: AggregationFn<any> = (columnId, _leafRows, childRows) => {
 const min: AggregationFn<any> = (columnId, _leafRows, childRows) => {
   let min: number | undefined
 
-  childRows.forEach(row => {
+  childRows.forEach((row) => {
     const value = row.getValue<number>(columnId)
 
     if (
@@ -30,7 +30,7 @@ const min: AggregationFn<any> = (columnId, _leafRows, childRows) => {
 const max: AggregationFn<any> = (columnId, _leafRows, childRows) => {
   let max: number | undefined
 
-  childRows.forEach(row => {
+  childRows.forEach((row) => {
     const value = row.getValue<number>(columnId)
     if (
       value != null &&
@@ -47,7 +47,7 @@ const extent: AggregationFn<any> = (columnId, _leafRows, childRows) => {
   let min: number | undefined
   let max: number | undefined
 
-  childRows.forEach(row => {
+  childRows.forEach((row) => {
     const value = row.getValue<number>(columnId)
     if (value != null) {
       if (min === undefined) {
@@ -66,10 +66,11 @@ const mean: AggregationFn<any> = (columnId, leafRows) => {
   let count = 0
   let sum = 0
 
-  leafRows.forEach(row => {
+  leafRows.forEach((row) => {
     let value = row.getValue<number>(columnId)
     if (value != null && (value = +value) >= value) {
-      ++count, (sum += value)
+      ++count
+      sum += value
     }
   })
 
@@ -83,7 +84,7 @@ const median: AggregationFn<any> = (columnId, leafRows) => {
     return
   }
 
-  const values = leafRows.map(row => row.getValue(columnId))
+  const values = leafRows.map((row) => row.getValue(columnId))
   if (!isNumberArray(values)) {
     return
   }
@@ -97,11 +98,11 @@ const median: AggregationFn<any> = (columnId, leafRows) => {
 }
 
 const unique: AggregationFn<any> = (columnId, leafRows) => {
-  return Array.from(new Set(leafRows.map(d => d.getValue(columnId))).values())
+  return Array.from(new Set(leafRows.map((d) => d.getValue(columnId))).values())
 }
 
 const uniqueCount: AggregationFn<any> = (columnId, leafRows) => {
-  return new Set(leafRows.map(d => d.getValue(columnId))).size
+  return new Set(leafRows.map((d) => d.getValue(columnId))).size
 }
 
 const count: AggregationFn<any> = (_columnId, leafRows) => {
diff --git a/packages/table-core/src/columnHelper.ts b/packages/table-core/src/columnHelper.ts
index 975a5e5b05..6ccd385c5e 100644
--- a/packages/table-core/src/columnHelper.ts
+++ b/packages/table-core/src/columnHelper.ts
@@ -62,7 +62,7 @@ export type ColumnHelper<TData extends RowData> = {
     accessor: TAccessor,
     column: TAccessor extends AccessorFn<TData>
       ? DisplayColumnDef<TData, TValue>
-      : IdentifiedColumnDef<TData, TValue>
+      : IdentifiedColumnDef<TData, TValue>,
   ) => TAccessor extends AccessorFn<TData>
     ? AccessorFnColumnDef<TData, TValue>
     : AccessorKeyColumnDef<TData, TValue>
@@ -85,7 +85,7 @@ export function createColumnHelper<
             accessorKey: accessor,
           }
     },
-    display: column => column,
-    group: column => column,
+    display: (column) => column,
+    group: (column) => column,
   }
 }
diff --git a/packages/table-core/src/core/cell.ts b/packages/table-core/src/core/cell.ts
index bacd6622e4..2638e9e6f7 100644
--- a/packages/table-core/src/core/cell.ts
+++ b/packages/table-core/src/core/cell.ts
@@ -53,7 +53,7 @@ export function createCell<TData extends RowData, TValue>(
   table: Table<TData>,
   row: Row<TData>,
   column: Column<TData, TValue>,
-  columnId: string
+  columnId: string,
 ): Cell<TData, TValue> {
   const getRenderValue = () =>
     cell.getValue() ?? table.options.renderFallbackValue
@@ -74,16 +74,16 @@ export function createCell<TData extends RowData, TValue>(
         getValue: cell.getValue,
         renderValue: cell.renderValue,
       }),
-      getMemoOptions(table.options, 'debugCells', 'cell.getContext')
+      getMemoOptions(table.options, 'debugCells', 'cell.getContext'),
     ),
   }
 
-  table._features.forEach(feature => {
+  table._features.forEach((feature) => {
     feature.createCell?.(
       cell as Cell<TData, TValue>,
       column,
       row as Row<TData>,
-      table
+      table,
     )
   }, {})
 
diff --git a/packages/table-core/src/core/column.ts b/packages/table-core/src/core/column.ts
index 97ee3e68d4..cbc220b724 100644
--- a/packages/table-core/src/core/column.ts
+++ b/packages/table-core/src/core/column.ts
@@ -66,7 +66,7 @@ export function createColumn<TData extends RowData, TValue>(
   table: Table<TData>,
   columnDef: ColumnDef<TData, TValue>,
   depth: number,
-  parent?: Column<TData, TValue>
+  parent?: Column<TData, TValue>,
 ): Column<TData, TValue> {
   const defaultColumn = table._getDefaultColumnDef()
 
@@ -102,7 +102,7 @@ export function createColumn<TData extends RowData, TValue>(
           result = result?.[key]
           if (process.env.NODE_ENV !== 'production' && result === undefined) {
             console.warn(
-              `"${key}" in deeply nested key "${accessorKey}" returned undefined.`
+              `"${key}" in deeply nested key "${accessorKey}" returned undefined.`,
             )
           }
         }
@@ -120,7 +120,7 @@ export function createColumn<TData extends RowData, TValue>(
       throw new Error(
         resolvedColumnDef.accessorFn
           ? `Columns require an id when using an accessorFn`
-          : `Columns require an id when using a non-string header`
+          : `Columns require an id when using a non-string header`,
       )
     }
     throw new Error()
@@ -138,17 +138,17 @@ export function createColumn<TData extends RowData, TValue>(
       () => {
         return [
           column as Column<TData, TValue>,
-          ...column.columns?.flatMap(d => d.getFlatColumns()),
+          ...column.columns?.flatMap((d) => d.getFlatColumns()),
         ]
       },
-      getMemoOptions(table.options, 'debugColumns', 'column.getFlatColumns')
+      getMemoOptions(table.options, 'debugColumns', 'column.getFlatColumns'),
     ),
     getLeafColumns: memo(
       () => [table._getOrderColumnsFn()],
-      orderColumns => {
+      (orderColumns) => {
         if (column.columns?.length) {
-          let leafColumns = column.columns.flatMap(column =>
-            column.getLeafColumns()
+          let leafColumns = column.columns.flatMap((column) =>
+            column.getLeafColumns(),
           )
 
           return orderColumns(leafColumns)
@@ -156,7 +156,7 @@ export function createColumn<TData extends RowData, TValue>(
 
         return [column as Column<TData, TValue>]
       },
-      getMemoOptions(table.options, 'debugColumns', 'column.getLeafColumns')
+      getMemoOptions(table.options, 'debugColumns', 'column.getLeafColumns'),
     ),
   }
 
diff --git a/packages/table-core/src/core/headers.ts b/packages/table-core/src/core/headers.ts
index 263da8d29d..70b9167635 100644
--- a/packages/table-core/src/core/headers.ts
+++ b/packages/table-core/src/core/headers.ts
@@ -219,7 +219,7 @@ function createHeader<TData extends RowData, TValue>(
     placeholderId?: string
     index: number
     depth: number
-  }
+  },
 ): Header<TData, TValue> {
   const id = options.id ?? column.id
 
@@ -255,7 +255,7 @@ function createHeader<TData extends RowData, TValue>(
     }),
   }
 
-  table._features.forEach(feature => {
+  table._features.forEach((feature) => {
     feature.createHeader?.(header as Header<TData, TValue>, table)
   })
 
@@ -276,27 +276,27 @@ export const Headers: TableFeature = {
       (allColumns, leafColumns, left, right) => {
         const leftColumns =
           left
-            ?.map(columnId => leafColumns.find(d => d.id === columnId)!)
+            ?.map((columnId) => leafColumns.find((d) => d.id === columnId)!)
             .filter(Boolean) ?? []
 
         const rightColumns =
           right
-            ?.map(columnId => leafColumns.find(d => d.id === columnId)!)
+            ?.map((columnId) => leafColumns.find((d) => d.id === columnId)!)
             .filter(Boolean) ?? []
 
         const centerColumns = leafColumns.filter(
-          column => !left?.includes(column.id) && !right?.includes(column.id)
+          (column) => !left?.includes(column.id) && !right?.includes(column.id),
         )
 
         const headerGroups = buildHeaderGroups(
           allColumns,
           [...leftColumns, ...centerColumns, ...rightColumns],
-          table
+          table,
         )
 
         return headerGroups
       },
-      getMemoOptions(table.options, debug, 'getHeaderGroups')
+      getMemoOptions(table.options, debug, 'getHeaderGroups'),
     )
 
     table.getCenterHeaderGroups = memo(
@@ -308,11 +308,11 @@ export const Headers: TableFeature = {
       ],
       (allColumns, leafColumns, left, right) => {
         leafColumns = leafColumns.filter(
-          column => !left?.includes(column.id) && !right?.includes(column.id)
+          (column) => !left?.includes(column.id) && !right?.includes(column.id),
         )
         return buildHeaderGroups(allColumns, leafColumns, table, 'center')
       },
-      getMemoOptions(table.options, debug, 'getCenterHeaderGroups')
+      getMemoOptions(table.options, debug, 'getCenterHeaderGroups'),
     )
 
     table.getLeftHeaderGroups = memo(
@@ -324,12 +324,12 @@ export const Headers: TableFeature = {
       (allColumns, leafColumns, left) => {
         const orderedLeafColumns =
           left
-            ?.map(columnId => leafColumns.find(d => d.id === columnId)!)
+            ?.map((columnId) => leafColumns.find((d) => d.id === columnId)!)
             .filter(Boolean) ?? []
 
         return buildHeaderGroups(allColumns, orderedLeafColumns, table, 'left')
       },
-      getMemoOptions(table.options, debug, 'getLeftHeaderGroups')
+      getMemoOptions(table.options, debug, 'getLeftHeaderGroups'),
     )
 
     table.getRightHeaderGroups = memo(
@@ -341,122 +341,122 @@ export const Headers: TableFeature = {
       (allColumns, leafColumns, right) => {
         const orderedLeafColumns =
           right
-            ?.map(columnId => leafColumns.find(d => d.id === columnId)!)
+            ?.map((columnId) => leafColumns.find((d) => d.id === columnId)!)
             .filter(Boolean) ?? []
 
         return buildHeaderGroups(allColumns, orderedLeafColumns, table, 'right')
       },
-      getMemoOptions(table.options, debug, 'getRightHeaderGroups')
+      getMemoOptions(table.options, debug, 'getRightHeaderGroups'),
     )
 
     // Footer Groups
 
     table.getFooterGroups = memo(
       () => [table.getHeaderGroups()],
-      headerGroups => {
+      (headerGroups) => {
         return [...headerGroups].reverse()
       },
-      getMemoOptions(table.options, debug, 'getFooterGroups')
+      getMemoOptions(table.options, debug, 'getFooterGroups'),
     )
 
     table.getLeftFooterGroups = memo(
       () => [table.getLeftHeaderGroups()],
-      headerGroups => {
+      (headerGroups) => {
         return [...headerGroups].reverse()
       },
-      getMemoOptions(table.options, debug, 'getLeftFooterGroups')
+      getMemoOptions(table.options, debug, 'getLeftFooterGroups'),
     )
 
     table.getCenterFooterGroups = memo(
       () => [table.getCenterHeaderGroups()],
-      headerGroups => {
+      (headerGroups) => {
         return [...headerGroups].reverse()
       },
-      getMemoOptions(table.options, debug, 'getCenterFooterGroups')
+      getMemoOptions(table.options, debug, 'getCenterFooterGroups'),
     )
 
     table.getRightFooterGroups = memo(
       () => [table.getRightHeaderGroups()],
-      headerGroups => {
+      (headerGroups) => {
         return [...headerGroups].reverse()
       },
-      getMemoOptions(table.options, debug, 'getRightFooterGroups')
+      getMemoOptions(table.options, debug, 'getRightFooterGroups'),
     )
 
     // Flat Headers
 
     table.getFlatHeaders = memo(
       () => [table.getHeaderGroups()],
-      headerGroups => {
+      (headerGroups) => {
         return headerGroups
-          .map(headerGroup => {
+          .map((headerGroup) => {
             return headerGroup.headers
           })
           .flat()
       },
-      getMemoOptions(table.options, debug, 'getFlatHeaders')
+      getMemoOptions(table.options, debug, 'getFlatHeaders'),
     )
 
     table.getLeftFlatHeaders = memo(
       () => [table.getLeftHeaderGroups()],
-      left => {
+      (left) => {
         return left
-          .map(headerGroup => {
+          .map((headerGroup) => {
             return headerGroup.headers
           })
           .flat()
       },
-      getMemoOptions(table.options, debug, 'getLeftFlatHeaders')
+      getMemoOptions(table.options, debug, 'getLeftFlatHeaders'),
     )
 
     table.getCenterFlatHeaders = memo(
       () => [table.getCenterHeaderGroups()],
-      left => {
+      (left) => {
         return left
-          .map(headerGroup => {
+          .map((headerGroup) => {
             return headerGroup.headers
           })
           .flat()
       },
-      getMemoOptions(table.options, debug, 'getCenterFlatHeaders')
+      getMemoOptions(table.options, debug, 'getCenterFlatHeaders'),
     )
 
     table.getRightFlatHeaders = memo(
       () => [table.getRightHeaderGroups()],
-      left => {
+      (left) => {
         return left
-          .map(headerGroup => {
+          .map((headerGroup) => {
             return headerGroup.headers
           })
           .flat()
       },
-      getMemoOptions(table.options, debug, 'getRightFlatHeaders')
+      getMemoOptions(table.options, debug, 'getRightFlatHeaders'),
     )
 
     // Leaf Headers
 
     table.getCenterLeafHeaders = memo(
       () => [table.getCenterFlatHeaders()],
-      flatHeaders => {
-        return flatHeaders.filter(header => !header.subHeaders?.length)
+      (flatHeaders) => {
+        return flatHeaders.filter((header) => !header.subHeaders?.length)
       },
-      getMemoOptions(table.options, debug, 'getCenterLeafHeaders')
+      getMemoOptions(table.options, debug, 'getCenterLeafHeaders'),
     )
 
     table.getLeftLeafHeaders = memo(
       () => [table.getLeftFlatHeaders()],
-      flatHeaders => {
-        return flatHeaders.filter(header => !header.subHeaders?.length)
+      (flatHeaders) => {
+        return flatHeaders.filter((header) => !header.subHeaders?.length)
       },
-      getMemoOptions(table.options, debug, 'getLeftLeafHeaders')
+      getMemoOptions(table.options, debug, 'getLeftLeafHeaders'),
     )
 
     table.getRightLeafHeaders = memo(
       () => [table.getRightFlatHeaders()],
-      flatHeaders => {
-        return flatHeaders.filter(header => !header.subHeaders?.length)
+      (flatHeaders) => {
+        return flatHeaders.filter((header) => !header.subHeaders?.length)
       },
-      getMemoOptions(table.options, debug, 'getRightLeafHeaders')
+      getMemoOptions(table.options, debug, 'getRightLeafHeaders'),
     )
 
     table.getLeafHeaders = memo(
@@ -471,12 +471,12 @@ export const Headers: TableFeature = {
           ...(center[0]?.headers ?? []),
           ...(right[0]?.headers ?? []),
         ]
-          .map(header => {
+          .map((header) => {
             return header.getLeafHeaders()
           })
           .flat()
       },
-      getMemoOptions(table.options, debug, 'getLeafHeaders')
+      getMemoOptions(table.options, debug, 'getLeafHeaders'),
     )
   },
 }
@@ -485,7 +485,7 @@ export function buildHeaderGroups<TData extends RowData>(
   allColumns: Column<TData, unknown>[],
   columnsToGroup: Column<TData, unknown>[],
   table: Table<TData>,
-  headerFamily?: 'center' | 'left' | 'right'
+  headerFamily?: 'center' | 'left' | 'right',
 ) {
   // Find the max depth of the columns:
   // build the leaf column row
@@ -499,8 +499,8 @@ export function buildHeaderGroups<TData extends RowData>(
     maxDepth = Math.max(maxDepth, depth)
 
     columns
-      .filter(column => column.getIsVisible())
-      .forEach(column => {
+      .filter((column) => column.getIsVisible())
+      .forEach((column) => {
         if (column.columns?.length) {
           findMaxDepth(column.columns, depth + 1)
         }
@@ -513,7 +513,7 @@ export function buildHeaderGroups<TData extends RowData>(
 
   const createHeaderGroup = (
     headersToGroup: Header<TData, unknown>[],
-    depth: number
+    depth: number,
   ) => {
     // The header group we are creating
     const headerGroup: HeaderGroup<TData> = {
@@ -526,7 +526,7 @@ export function buildHeaderGroups<TData extends RowData>(
     const pendingParentHeaders: Header<TData, unknown>[] = []
 
     // Scan each column for parents
-    headersToGroup.forEach(headerToGroup => {
+    headersToGroup.forEach((headerToGroup) => {
       // What is the latest (last) parent column?
 
       const latestPendingParentHeader = [...pendingParentHeaders].reverse()[0]
@@ -559,7 +559,7 @@ export function buildHeaderGroups<TData extends RowData>(
             .join('_'),
           isPlaceholder,
           placeholderId: isPlaceholder
-            ? `${pendingParentHeaders.filter(d => d.column === column).length}`
+            ? `${pendingParentHeaders.filter((d) => d.column === column).length}`
             : undefined,
           depth,
           index: pendingParentHeaders.length,
@@ -587,7 +587,7 @@ export function buildHeaderGroups<TData extends RowData>(
     createHeader(table, column, {
       depth: maxDepth,
       index,
-    })
+    }),
   )
 
   createHeaderGroup(bottomHeaders, maxDepth - 1)
@@ -599,13 +599,13 @@ export function buildHeaderGroups<TData extends RowData>(
   // })
 
   const recurseHeadersForSpans = (
-    headers: Header<TData, unknown>[]
+    headers: Header<TData, unknown>[],
   ): { colSpan: number; rowSpan: number }[] => {
-    const filteredHeaders = headers.filter(header =>
-      header.column.getIsVisible()
+    const filteredHeaders = headers.filter((header) =>
+      header.column.getIsVisible(),
     )
 
-    return filteredHeaders.map(header => {
+    return filteredHeaders.map((header) => {
       let colSpan = 0
       let rowSpan = 0
       let childRowSpans = [0]
@@ -617,7 +617,7 @@ export function buildHeaderGroups<TData extends RowData>(
           ({ colSpan: childColSpan, rowSpan: childRowSpan }) => {
             colSpan += childColSpan
             childRowSpans.push(childRowSpan)
-          }
+          },
         )
       } else {
         colSpan = 1
diff --git a/packages/table-core/src/core/row.ts b/packages/table-core/src/core/row.ts
index 0af28aa94c..ec09633087 100644
--- a/packages/table-core/src/core/row.ts
+++ b/packages/table-core/src/core/row.ts
@@ -99,7 +99,7 @@ export const createRow = <TData extends RowData>(
   rowIndex: number,
   depth: number,
   subRows?: Row<TData>[],
-  parentId?: string
+  parentId?: string,
 ): Row<TData> => {
   let row: CoreRow<TData> = {
     id,
@@ -109,7 +109,7 @@ export const createRow = <TData extends RowData>(
     parentId,
     _valuesCache: {},
     _uniqueValuesCache: {},
-    getValue: columnId => {
+    getValue: (columnId) => {
       if (row._valuesCache.hasOwnProperty(columnId)) {
         return row._valuesCache[columnId]
       }
@@ -122,12 +122,12 @@ export const createRow = <TData extends RowData>(
 
       row._valuesCache[columnId] = column.accessorFn(
         row.original as TData,
-        rowIndex
+        rowIndex,
       )
 
       return row._valuesCache[columnId] as any
     },
-    getUniqueValues: columnId => {
+    getUniqueValues: (columnId) => {
       if (row._uniqueValuesCache.hasOwnProperty(columnId)) {
         return row._uniqueValuesCache[columnId]
       }
@@ -145,15 +145,15 @@ export const createRow = <TData extends RowData>(
 
       row._uniqueValuesCache[columnId] = column.columnDef.getUniqueValues(
         row.original as TData,
-        rowIndex
+        rowIndex,
       )
 
       return row._uniqueValuesCache[columnId] as any
     },
-    renderValue: columnId =>
+    renderValue: (columnId) =>
       row.getValue(columnId) ?? table.options.renderFallbackValue,
     subRows: subRows ?? [],
-    getLeafRows: () => flattenBy(row.subRows, d => d.subRows),
+    getLeafRows: () => flattenBy(row.subRows, (d) => d.subRows),
     getParentRow: () =>
       row.parentId ? table.getRow(row.parentId, true) : undefined,
     getParentRows: () => {
@@ -169,26 +169,26 @@ export const createRow = <TData extends RowData>(
     },
     getAllCells: memo(
       () => [table.getAllLeafColumns()],
-      leafColumns => {
-        return leafColumns.map(column => {
+      (leafColumns) => {
+        return leafColumns.map((column) => {
           return createCell(table, row as Row<TData>, column, column.id)
         })
       },
-      getMemoOptions(table.options, 'debugRows', 'getAllCells')
+      getMemoOptions(table.options, 'debugRows', 'getAllCells'),
     ),
 
     _getAllCellsByColumnId: memo(
       () => [row.getAllCells()],
-      allCells => {
+      (allCells) => {
         return allCells.reduce(
           (acc, cell) => {
             acc[cell.column.id] = cell
             return acc
           },
-          {} as Record<string, Cell<TData, unknown>>
+          {} as Record<string, Cell<TData, unknown>>,
         )
       },
-      getMemoOptions(table.options, 'debugRows', 'getAllCellsByColumnId')
+      getMemoOptions(table.options, 'debugRows', 'getAllCellsByColumnId'),
     ),
   }
 
diff --git a/packages/table-core/src/core/table.ts b/packages/table-core/src/core/table.ts
index 00d62da98f..75702bda53 100644
--- a/packages/table-core/src/core/table.ts
+++ b/packages/table-core/src/core/table.ts
@@ -163,7 +163,7 @@ export interface CoreOptions<TData extends RowData> {
    */
   mergeOptions?: (
     defaultOptions: TableOptions<TData>,
-    options: Partial<TableOptions<TData>>
+    options: Partial<TableOptions<TData>>,
   ) => TableOptions<TData>
   /**
    * You can pass any object to `options.meta` and access it anywhere the `table` is available via `table.options.meta`.
@@ -281,7 +281,7 @@ export interface CoreInstance<TData extends RowData> {
 }
 
 export function createTable<TData extends RowData>(
-  options: TableOptionsResolved<TData>
+  options: TableOptionsResolved<TData>,
 ): Table<TData> {
   if (
     process.env.NODE_ENV !== 'production' &&
@@ -316,7 +316,7 @@ export function createTable<TData extends RowData>(
     ...(options.initialState ?? {}),
   } as TableState
 
-  table._features.forEach(feature => {
+  table._features.forEach((feature) => {
     initialState = (feature.getInitialState?.(initialState) ??
       initialState) as TableState
   })
@@ -331,7 +331,7 @@ export function createTable<TData extends RowData>(
       ...options,
     },
     initialState,
-    _queue: cb => {
+    _queue: (cb) => {
       queued.push(cb)
 
       if (!queuedTimeout) {
@@ -346,17 +346,17 @@ export function createTable<TData extends RowData>(
             }
             queuedTimeout = false
           })
-          .catch(error =>
+          .catch((error) =>
             setTimeout(() => {
               throw error
-            })
+            }),
           )
       }
     },
     reset: () => {
       table.setState(table.initialState)
     },
-    setOptions: updater => {
+    setOptions: (updater) => {
       const newOptions = functionalUpdate(updater, table.options)
       table.options = mergeOptions(newOptions) as RequiredKeys<
         TableOptionsResolved<TData>,
@@ -410,13 +410,13 @@ export function createTable<TData extends RowData>(
     },
     _getDefaultColumnDef: memo(
       () => [table.options.defaultColumn],
-      defaultColumn => {
+      (defaultColumn) => {
         defaultColumn = (defaultColumn ?? {}) as Partial<
           ColumnDef<TData, unknown>
         >
 
         return {
-          header: props => {
+          header: (props) => {
             const resolvedColumnDef = props.header.column
               .columnDef as ColumnDefResolved<TData>
 
@@ -431,27 +431,27 @@ export function createTable<TData extends RowData>(
             return null
           },
           // footer: props => props.header.column.id,
-          cell: props => props.renderValue<any>()?.toString?.() ?? null,
+          cell: (props) => props.renderValue<any>()?.toString?.() ?? null,
           ...table._features.reduce((obj, feature) => {
             return Object.assign(obj, feature.getDefaultColumnDef?.())
           }, {}),
           ...defaultColumn,
         } as Partial<ColumnDef<TData, unknown>>
       },
-      getMemoOptions(options, 'debugColumns', '_getDefaultColumnDef')
+      getMemoOptions(options, 'debugColumns', '_getDefaultColumnDef'),
     ),
 
     _getColumnDefs: () => table.options.columns,
 
     getAllColumns: memo(
       () => [table._getColumnDefs()],
-      columnDefs => {
+      (columnDefs) => {
         const recurseColumns = (
           columnDefs: ColumnDef<TData, unknown>[],
           parent?: Column<TData, unknown>,
-          depth = 0
+          depth = 0,
         ): Column<TData, unknown>[] => {
-          return columnDefs.map(columnDef => {
+          return columnDefs.map((columnDef) => {
             const column = createColumn(table, columnDef, depth, parent)
 
             const groupingColumnDef = columnDef as GroupColumnDef<
@@ -469,43 +469,45 @@ export function createTable<TData extends RowData>(
 
         return recurseColumns(columnDefs)
       },
-      getMemoOptions(options, 'debugColumns', 'getAllColumns')
+      getMemoOptions(options, 'debugColumns', 'getAllColumns'),
     ),
 
     getAllFlatColumns: memo(
       () => [table.getAllColumns()],
-      allColumns => {
-        return allColumns.flatMap(column => {
+      (allColumns) => {
+        return allColumns.flatMap((column) => {
           return column.getFlatColumns()
         })
       },
-      getMemoOptions(options, 'debugColumns', 'getAllFlatColumns')
+      getMemoOptions(options, 'debugColumns', 'getAllFlatColumns'),
     ),
 
     _getAllFlatColumnsById: memo(
       () => [table.getAllFlatColumns()],
-      flatColumns => {
+      (flatColumns) => {
         return flatColumns.reduce(
           (acc, column) => {
             acc[column.id] = column
             return acc
           },
-          {} as Record<string, Column<TData, unknown>>
+          {} as Record<string, Column<TData, unknown>>,
         )
       },
-      getMemoOptions(options, 'debugColumns', 'getAllFlatColumnsById')
+      getMemoOptions(options, 'debugColumns', 'getAllFlatColumnsById'),
     ),
 
     getAllLeafColumns: memo(
       () => [table.getAllColumns(), table._getOrderColumnsFn()],
       (allColumns, orderColumns) => {
-        let leafColumns = allColumns.flatMap(column => column.getLeafColumns())
+        let leafColumns = allColumns.flatMap((column) =>
+          column.getLeafColumns(),
+        )
         return orderColumns(leafColumns)
       },
-      getMemoOptions(options, 'debugColumns', 'getAllLeafColumns')
+      getMemoOptions(options, 'debugColumns', 'getAllLeafColumns'),
     ),
 
-    getColumn: columnId => {
+    getColumn: (columnId) => {
       const column = table._getAllFlatColumnsById()[columnId]
 
       if (process.env.NODE_ENV !== 'production' && !column) {
diff --git a/packages/table-core/src/features/ColumnFaceting.ts b/packages/table-core/src/features/ColumnFaceting.ts
index 1997d0c9ad..f356252deb 100644
--- a/packages/table-core/src/features/ColumnFaceting.ts
+++ b/packages/table-core/src/features/ColumnFaceting.ts
@@ -31,15 +31,15 @@ export interface FacetedColumn<TData extends RowData> {
 export interface FacetedOptions<TData extends RowData> {
   getFacetedMinMaxValues?: (
     table: Table<TData>,
-    columnId: string
+    columnId: string,
   ) => () => undefined | [number, number]
   getFacetedRowModel?: (
     table: Table<TData>,
-    columnId: string
+    columnId: string,
   ) => () => RowModel<TData>
   getFacetedUniqueValues?: (
     table: Table<TData>,
-    columnId: string
+    columnId: string,
   ) => () => Map<any, number>
 }
 
@@ -48,7 +48,7 @@ export interface FacetedOptions<TData extends RowData> {
 export const ColumnFaceting: TableFeature = {
   createColumn: <TData extends RowData>(
     column: Column<TData, unknown>,
-    table: Table<TData>
+    table: Table<TData>,
   ): void => {
     column._getFacetedRowModel =
       table.options.getFacetedRowModel &&
diff --git a/packages/table-core/src/features/ColumnFiltering.ts b/packages/table-core/src/features/ColumnFiltering.ts
index 24ebaedaf6..77b9927c04 100644
--- a/packages/table-core/src/features/ColumnFiltering.ts
+++ b/packages/table-core/src/features/ColumnFiltering.ts
@@ -35,7 +35,7 @@ export interface FilterFn<TData extends RowData> {
     row: Row<TData>,
     columnId: string,
     filterValue: any,
-    addMeta: (meta: FilterMeta) => void
+    addMeta: (meta: FilterMeta) => void,
   ): boolean
   autoRemove?: ColumnFilterAutoRemoveTestFn<TData>
   resolveFilterValue?: TransformFilterValueFn<TData>
@@ -43,12 +43,12 @@ export interface FilterFn<TData extends RowData> {
 
 export type TransformFilterValueFn<TData extends RowData> = (
   value: any,
-  column?: Column<TData, unknown>
+  column?: Column<TData, unknown>,
 ) => unknown
 
 export type ColumnFilterAutoRemoveTestFn<TData extends RowData> = (
   value: any,
-  column?: Column<TData, unknown>
+  column?: Column<TData, unknown>,
 ) => boolean
 
 export type CustomFilterFns<TData extends RowData> = Record<
@@ -195,8 +195,7 @@ type ResolvedFilterFns = keyof FilterFns extends never
     }
 
 export interface ColumnFiltersOptions<TData extends RowData>
-  extends ColumnFiltersOptionsBase<TData>,
-    ResolvedFilterFns {}
+  extends ColumnFiltersOptionsBase<TData>, ResolvedFilterFns {}
 
 export interface ColumnFiltersInstance<TData extends RowData> {
   _getFilteredRowModel?: () => RowModel<TData>
@@ -257,7 +256,7 @@ export const ColumnFiltering: TableFeature = {
   },
 
   getDefaultOptions: <TData extends RowData>(
-    table: Table<TData>
+    table: Table<TData>,
   ): ColumnFiltersOptions<TData> => {
     return {
       onColumnFiltersChange: makeStateUpdater('columnFilters', table),
@@ -268,7 +267,7 @@ export const ColumnFiltering: TableFeature = {
 
   createColumn: <TData extends RowData>(
     column: Column<TData, unknown>,
-    table: Table<TData>
+    table: Table<TData>,
   ): void => {
     column.getAutoFilterFn = () => {
       const firstRow = table.getCoreRowModel().flatRows[0]
@@ -303,8 +302,8 @@ export const ColumnFiltering: TableFeature = {
         : column.columnDef.filterFn === 'auto'
           ? column.getAutoFilterFn()
           : // @ts-ignore
-            table.options.filterFns?.[column.columnDef.filterFn as string] ??
-            filterFns[column.columnDef.filterFn as BuiltInFilterFn]
+            (table.options.filterFns?.[column.columnDef.filterFn as string] ??
+            filterFns[column.columnDef.filterFn as BuiltInFilterFn])
     }
     column.getCanFilter = () => {
       return (
@@ -318,33 +317,33 @@ export const ColumnFiltering: TableFeature = {
     column.getIsFiltered = () => column.getFilterIndex() > -1
 
     column.getFilterValue = () =>
-      table.getState().columnFilters?.find(d => d.id === column.id)?.value
+      table.getState().columnFilters?.find((d) => d.id === column.id)?.value
 
     column.getFilterIndex = () =>
-      table.getState().columnFilters?.findIndex(d => d.id === column.id) ?? -1
+      table.getState().columnFilters?.findIndex((d) => d.id === column.id) ?? -1
 
-    column.setFilterValue = value => {
-      table.setColumnFilters(old => {
+    column.setFilterValue = (value) => {
+      table.setColumnFilters((old) => {
         const filterFn = column.getFilterFn()
-        const previousFilter = old?.find(d => d.id === column.id)
+        const previousFilter = old?.find((d) => d.id === column.id)
 
         const newFilter = functionalUpdate(
           value,
-          previousFilter ? previousFilter.value : undefined
+          previousFilter ? previousFilter.value : undefined,
         )
 
         //
         if (
           shouldAutoRemoveFilter(filterFn as FilterFn<TData>, newFilter, column)
         ) {
-          return old?.filter(d => d.id !== column.id) ?? []
+          return old?.filter((d) => d.id !== column.id) ?? []
         }
 
         const newFilterObj = { id: column.id, value: newFilter }
 
         if (previousFilter) {
           return (
-            old?.map(d => {
+            old?.map((d) => {
               if (d.id === column.id) {
                 return newFilterObj
               }
@@ -364,7 +363,7 @@ export const ColumnFiltering: TableFeature = {
 
   createRow: <TData extends RowData>(
     row: Row<TData>,
-    _table: Table<TData>
+    _table: Table<TData>,
   ): void => {
     row.columnFilters = {}
     row.columnFiltersMeta = {}
@@ -375,8 +374,8 @@ export const ColumnFiltering: TableFeature = {
       const leafColumns = table.getAllLeafColumns()
 
       const updateFn = (old: ColumnFiltersState) => {
-        return functionalUpdate(updater, old)?.filter(filter => {
-          const column = leafColumns.find(d => d.id === filter.id)
+        return functionalUpdate(updater, old)?.filter((filter) => {
+          const column = leafColumns.find((d) => d.id === filter.id)
 
           if (column) {
             const filterFn = column.getFilterFn()
@@ -393,9 +392,9 @@ export const ColumnFiltering: TableFeature = {
       table.options.onColumnFiltersChange?.(updateFn)
     }
 
-    table.resetColumnFilters = defaultState => {
+    table.resetColumnFilters = (defaultState) => {
       table.setColumnFilters(
-        defaultState ? [] : table.initialState?.columnFilters ?? []
+        defaultState ? [] : (table.initialState?.columnFilters ?? []),
       )
     }
 
@@ -417,7 +416,7 @@ export const ColumnFiltering: TableFeature = {
 export function shouldAutoRemoveFilter<TData extends RowData>(
   filterFn?: FilterFn<TData>,
   value?: any,
-  column?: Column<TData, unknown>
+  column?: Column<TData, unknown>,
 ) {
   return (
     (filterFn && filterFn.autoRemove
diff --git a/packages/table-core/src/features/ColumnGrouping.ts b/packages/table-core/src/features/ColumnGrouping.ts
index 21e8781cc2..58b9fa082b 100644
--- a/packages/table-core/src/features/ColumnGrouping.ts
+++ b/packages/table-core/src/features/ColumnGrouping.ts
@@ -23,7 +23,7 @@ export interface GroupingTableState {
 export type AggregationFn<TData extends RowData> = (
   columnId: string,
   leafRows: Row<TData>[],
-  childRows: Row<TData>[]
+  childRows: Row<TData>[],
 ) => any
 
 export type CustomAggregationFns = Record<string, AggregationFn<any>>
@@ -204,8 +204,7 @@ type ResolvedAggregationFns = keyof AggregationFns extends never
     }
 
 export interface GroupingOptions
-  extends GroupingOptionsBase,
-    ResolvedAggregationFns {}
+  extends GroupingOptionsBase, ResolvedAggregationFns {}
 
 export type GroupingColumnMode = false | 'reorder' | 'remove'
 
@@ -245,7 +244,8 @@ export const ColumnGrouping: TableFeature = {
     unknown
   > => {
     return {
-      aggregatedCell: props => (props.getValue() as any)?.toString?.() ?? null,
+      aggregatedCell: (props) =>
+        (props.getValue() as any)?.toString?.() ?? null,
       aggregationFn: 'auto',
     }
   },
@@ -258,7 +258,7 @@ export const ColumnGrouping: TableFeature = {
   },
 
   getDefaultOptions: <TData extends RowData>(
-    table: Table<TData>
+    table: Table<TData>,
   ): GroupingOptions => {
     return {
       onGroupingChange: makeStateUpdater('grouping', table),
@@ -268,13 +268,13 @@ export const ColumnGrouping: TableFeature = {
 
   createColumn: <TData extends RowData, TValue>(
     column: Column<TData, TValue>,
-    table: Table<TData>
+    table: Table<TData>,
   ): void => {
     column.toggleGrouping = () => {
-      table.setGrouping(old => {
+      table.setGrouping((old) => {
         // Find any existing grouping for this column
         if (old?.includes(column.id)) {
-          return old.filter(d => d !== column.id)
+          return old.filter((d) => d !== column.id)
         }
 
         return [...(old ?? []), column.id]
@@ -325,20 +325,22 @@ export const ColumnGrouping: TableFeature = {
         ? column.columnDef.aggregationFn
         : column.columnDef.aggregationFn === 'auto'
           ? column.getAutoAggregationFn()
-          : table.options.aggregationFns?.[
+          : (table.options.aggregationFns?.[
               column.columnDef.aggregationFn as string
             ] ??
             aggregationFns[
               column.columnDef.aggregationFn as BuiltInAggregationFn
-            ]
+            ])
     }
   },
 
   createTable: <TData extends RowData>(table: Table<TData>): void => {
-    table.setGrouping = updater => table.options.onGroupingChange?.(updater)
+    table.setGrouping = (updater) => table.options.onGroupingChange?.(updater)
 
-    table.resetGrouping = defaultState => {
-      table.setGrouping(defaultState ? [] : table.initialState?.grouping ?? [])
+    table.resetGrouping = (defaultState) => {
+      table.setGrouping(
+        defaultState ? [] : (table.initialState?.grouping ?? []),
+      )
     }
 
     table.getPreGroupedRowModel = () => table.getFilteredRowModel()
@@ -357,10 +359,10 @@ export const ColumnGrouping: TableFeature = {
 
   createRow: <TData extends RowData>(
     row: Row<TData>,
-    table: Table<TData>
+    table: Table<TData>,
   ): void => {
     row.getIsGrouped = () => !!row.groupingColumnId
-    row.getGroupingValue = columnId => {
+    row.getGroupingValue = (columnId) => {
       if (row._groupingValuesCache.hasOwnProperty(columnId)) {
         return row._groupingValuesCache[columnId]
       }
@@ -372,7 +374,7 @@ export const ColumnGrouping: TableFeature = {
       }
 
       row._groupingValuesCache[columnId] = column.columnDef.getGroupingValue(
-        row.original
+        row.original,
       )
 
       return row._groupingValuesCache[columnId]
@@ -384,7 +386,7 @@ export const ColumnGrouping: TableFeature = {
     cell: Cell<TData, TValue>,
     column: Column<TData, TValue>,
     row: Row<TData>,
-    table: Table<TData>
+    table: Table<TData>,
   ): void => {
     const getRenderValue = () =>
       cell.getValue() ?? table.options.renderFallbackValue
@@ -400,14 +402,14 @@ export const ColumnGrouping: TableFeature = {
 export function orderColumns<TData extends RowData>(
   leafColumns: Column<TData, unknown>[],
   grouping: string[],
-  groupedColumnMode?: GroupingColumnMode
+  groupedColumnMode?: GroupingColumnMode,
 ) {
   if (!grouping?.length || !groupedColumnMode) {
     return leafColumns
   }
 
   const nonGroupingColumns = leafColumns.filter(
-    col => !grouping.includes(col.id)
+    (col) => !grouping.includes(col.id),
   )
 
   if (groupedColumnMode === 'remove') {
@@ -415,7 +417,7 @@ export function orderColumns<TData extends RowData>(
   }
 
   const groupingColumns = grouping
-    .map(g => leafColumns.find(col => col.id === g)!)
+    .map((g) => leafColumns.find((col) => col.id === g)!)
     .filter(Boolean)
 
   return [...groupingColumns, ...nonGroupingColumns]
diff --git a/packages/table-core/src/features/ColumnOrdering.ts b/packages/table-core/src/features/ColumnOrdering.ts
index c64370ef15..cd4fc9626d 100644
--- a/packages/table-core/src/features/ColumnOrdering.ts
+++ b/packages/table-core/src/features/ColumnOrdering.ts
@@ -54,7 +54,7 @@ export interface ColumnOrderDefaultOptions {
 
 export interface ColumnOrderInstance<TData extends RowData> {
   _getOrderColumnsFn: () => (
-    columns: Column<TData, unknown>[]
+    columns: Column<TData, unknown>[],
   ) => Column<TData, unknown>[]
   /**
    * Resets the **columnOrder** state to `initialState.columnOrder`, or `true` can be passed to force a default blank state reset to `[]`.
@@ -81,7 +81,7 @@ export const ColumnOrdering: TableFeature = {
   },
 
   getDefaultOptions: <TData extends RowData>(
-    table: Table<TData>
+    table: Table<TData>,
   ): ColumnOrderDefaultOptions => {
     return {
       onColumnOrderChange: makeStateUpdater('columnOrder', table),
@@ -90,29 +90,29 @@ export const ColumnOrdering: TableFeature = {
 
   createColumn: <TData extends RowData>(
     column: Column<TData, unknown>,
-    table: Table<TData>
+    table: Table<TData>,
   ): void => {
     column.getIndex = memo(
-      position => [_getVisibleLeafColumns(table, position)],
-      columns => columns.findIndex(d => d.id === column.id),
-      getMemoOptions(table.options, 'debugColumns', 'getIndex')
+      (position) => [_getVisibleLeafColumns(table, position)],
+      (columns) => columns.findIndex((d) => d.id === column.id),
+      getMemoOptions(table.options, 'debugColumns', 'getIndex'),
     )
-    column.getIsFirstColumn = position => {
+    column.getIsFirstColumn = (position) => {
       const columns = _getVisibleLeafColumns(table, position)
       return columns[0]?.id === column.id
     }
-    column.getIsLastColumn = position => {
+    column.getIsLastColumn = (position) => {
       const columns = _getVisibleLeafColumns(table, position)
       return columns[columns.length - 1]?.id === column.id
     }
   },
 
   createTable: <TData extends RowData>(table: Table<TData>): void => {
-    table.setColumnOrder = updater =>
+    table.setColumnOrder = (updater) =>
       table.options.onColumnOrderChange?.(updater)
-    table.resetColumnOrder = defaultState => {
+    table.resetColumnOrder = (defaultState) => {
       table.setColumnOrder(
-        defaultState ? [] : table.initialState.columnOrder ?? []
+        defaultState ? [] : (table.initialState.columnOrder ?? []),
       )
     }
     table._getOrderColumnsFn = memo(
@@ -142,7 +142,7 @@ export const ColumnOrdering: TableFeature = {
             while (columnsCopy.length && columnOrderCopy.length) {
               const targetColumnId = columnOrderCopy.shift()
               const foundIndex = columnsCopy.findIndex(
-                d => d.id === targetColumnId
+                (d) => d.id === targetColumnId,
               )
               if (foundIndex > -1) {
                 orderedColumns.push(columnsCopy.splice(foundIndex, 1)[0]!)
@@ -155,7 +155,7 @@ export const ColumnOrdering: TableFeature = {
 
           return orderColumns(orderedColumns, grouping, groupedColumnMode)
         },
-      getMemoOptions(table.options, 'debugTable', '_getOrderColumnsFn')
+      getMemoOptions(table.options, 'debugTable', '_getOrderColumnsFn'),
     )
   },
 }
diff --git a/packages/table-core/src/features/ColumnPinning.ts b/packages/table-core/src/features/ColumnPinning.ts
index 1c0ef70799..0a1b6e185f 100644
--- a/packages/table-core/src/features/ColumnPinning.ts
+++ b/packages/table-core/src/features/ColumnPinning.ts
@@ -159,7 +159,7 @@ export const ColumnPinning: TableFeature = {
   },
 
   getDefaultOptions: <TData extends RowData>(
-    table: Table<TData>
+    table: Table<TData>,
   ): ColumnPinningDefaultOptions => {
     return {
       onColumnPinningChange: makeStateUpdater('columnPinning', table),
@@ -168,20 +168,20 @@ export const ColumnPinning: TableFeature = {
 
   createColumn: <TData extends RowData, TValue>(
     column: Column<TData, TValue>,
-    table: Table<TData>
+    table: Table<TData>,
   ): void => {
-    column.pin = position => {
+    column.pin = (position) => {
       const columnIds = column
         .getLeafColumns()
-        .map(d => d.id)
+        .map((d) => d.id)
         .filter(Boolean) as string[]
 
-      table.setColumnPinning(old => {
+      table.setColumnPinning((old) => {
         if (position === 'right') {
           return {
-            left: (old?.left ?? []).filter(d => !columnIds?.includes(d)),
+            left: (old?.left ?? []).filter((d) => !columnIds?.includes(d)),
             right: [
-              ...(old?.right ?? []).filter(d => !columnIds?.includes(d)),
+              ...(old?.right ?? []).filter((d) => !columnIds?.includes(d)),
               ...columnIds,
             ],
           }
@@ -190,16 +190,16 @@ export const ColumnPinning: TableFeature = {
         if (position === 'left') {
           return {
             left: [
-              ...(old?.left ?? []).filter(d => !columnIds?.includes(d)),
+              ...(old?.left ?? []).filter((d) => !columnIds?.includes(d)),
               ...columnIds,
             ],
-            right: (old?.right ?? []).filter(d => !columnIds?.includes(d)),
+            right: (old?.right ?? []).filter((d) => !columnIds?.includes(d)),
           }
         }
 
         return {
-          left: (old?.left ?? []).filter(d => !columnIds?.includes(d)),
-          right: (old?.right ?? []).filter(d => !columnIds?.includes(d)),
+          left: (old?.left ?? []).filter((d) => !columnIds?.includes(d)),
+          right: (old?.right ?? []).filter((d) => !columnIds?.includes(d)),
         }
       })
     }
@@ -208,21 +208,21 @@ export const ColumnPinning: TableFeature = {
       const leafColumns = column.getLeafColumns()
 
       return leafColumns.some(
-        d =>
+        (d) =>
           (d.columnDef.enablePinning ?? true) &&
           (table.options.enableColumnPinning ??
             table.options.enablePinning ??
-            true)
+            true),
       )
     }
 
     column.getIsPinned = () => {
-      const leafColumnIds = column.getLeafColumns().map(d => d.id)
+      const leafColumnIds = column.getLeafColumns().map((d) => d.id)
 
       const { left, right } = table.getState().columnPinning
 
-      const isLeft = leafColumnIds.some(d => left?.includes(d))
-      const isRight = leafColumnIds.some(d => right?.includes(d))
+      const isLeft = leafColumnIds.some((d) => left?.includes(d))
+      const isRight = leafColumnIds.some((d) => right?.includes(d))
 
       return isLeft ? 'left' : isRight ? 'right' : false
     }
@@ -231,14 +231,14 @@ export const ColumnPinning: TableFeature = {
       const position = column.getIsPinned()
 
       return position
-        ? table.getState().columnPinning?.[position]?.indexOf(column.id) ?? -1
+        ? (table.getState().columnPinning?.[position]?.indexOf(column.id) ?? -1)
         : 0
     }
   },
 
   createRow: <TData extends RowData>(
     row: Row<TData>,
-    table: Table<TData>
+    table: Table<TData>,
   ): void => {
     row.getCenterVisibleCells = memo(
       () => [
@@ -249,48 +249,53 @@ export const ColumnPinning: TableFeature = {
       (allCells, left, right) => {
         const leftAndRight: string[] = [...(left ?? []), ...(right ?? [])]
 
-        return allCells.filter(d => !leftAndRight.includes(d.column.id))
+        return allCells.filter((d) => !leftAndRight.includes(d.column.id))
       },
-      getMemoOptions(table.options, 'debugRows', 'getCenterVisibleCells')
+      getMemoOptions(table.options, 'debugRows', 'getCenterVisibleCells'),
     )
     row.getLeftVisibleCells = memo(
       () => [row._getAllVisibleCells(), table.getState().columnPinning.left],
       (allCells, left) => {
         const cells = (left ?? [])
-          .map(columnId => allCells.find(cell => cell.column.id === columnId)!)
+          .map(
+            (columnId) => allCells.find((cell) => cell.column.id === columnId)!,
+          )
           .filter(Boolean)
-          .map(d => ({ ...d, position: 'left' }) as Cell<TData, unknown>)
+          .map((d) => ({ ...d, position: 'left' }) as Cell<TData, unknown>)
 
         return cells
       },
-      getMemoOptions(table.options, 'debugRows', 'getLeftVisibleCells')
+      getMemoOptions(table.options, 'debugRows', 'getLeftVisibleCells'),
     )
     row.getRightVisibleCells = memo(
       () => [row._getAllVisibleCells(), table.getState().columnPinning.right],
       (allCells, right) => {
         const cells = (right ?? [])
-          .map(columnId => allCells.find(cell => cell.column.id === columnId)!)
+          .map(
+            (columnId) => allCells.find((cell) => cell.column.id === columnId)!,
+          )
           .filter(Boolean)
-          .map(d => ({ ...d, position: 'right' }) as Cell<TData, unknown>)
+          .map((d) => ({ ...d, position: 'right' }) as Cell<TData, unknown>)
 
         return cells
       },
-      getMemoOptions(table.options, 'debugRows', 'getRightVisibleCells')
+      getMemoOptions(table.options, 'debugRows', 'getRightVisibleCells'),
     )
   },
 
   createTable: <TData extends RowData>(table: Table<TData>): void => {
-    table.setColumnPinning = updater =>
+    table.setColumnPinning = (updater) =>
       table.options.onColumnPinningChange?.(updater)
 
-    table.resetColumnPinning = defaultState =>
+    table.resetColumnPinning = (defaultState) =>
       table.setColumnPinning(
         defaultState
           ? getDefaultColumnPinningState()
-          : table.initialState?.columnPinning ?? getDefaultColumnPinningState()
+          : (table.initialState?.columnPinning ??
+              getDefaultColumnPinningState()),
       )
 
-    table.getIsSomeColumnsPinned = position => {
+    table.getIsSomeColumnsPinned = (position) => {
       const pinningState = table.getState().columnPinning
 
       if (!position) {
@@ -303,20 +308,24 @@ export const ColumnPinning: TableFeature = {
       () => [table.getAllLeafColumns(), table.getState().columnPinning.left],
       (allColumns, left) => {
         return (left ?? [])
-          .map(columnId => allColumns.find(column => column.id === columnId)!)
+          .map(
+            (columnId) => allColumns.find((column) => column.id === columnId)!,
+          )
           .filter(Boolean)
       },
-      getMemoOptions(table.options, 'debugColumns', 'getLeftLeafColumns')
+      getMemoOptions(table.options, 'debugColumns', 'getLeftLeafColumns'),
     )
 
     table.getRightLeafColumns = memo(
       () => [table.getAllLeafColumns(), table.getState().columnPinning.right],
       (allColumns, right) => {
         return (right ?? [])
-          .map(columnId => allColumns.find(column => column.id === columnId)!)
+          .map(
+            (columnId) => allColumns.find((column) => column.id === columnId)!,
+          )
           .filter(Boolean)
       },
-      getMemoOptions(table.options, 'debugColumns', 'getRightLeafColumns')
+      getMemoOptions(table.options, 'debugColumns', 'getRightLeafColumns'),
     )
 
     table.getCenterLeafColumns = memo(
@@ -328,9 +337,9 @@ export const ColumnPinning: TableFeature = {
       (allColumns, left, right) => {
         const leftAndRight: string[] = [...(left ?? []), ...(right ?? [])]
 
-        return allColumns.filter(d => !leftAndRight.includes(d.id))
+        return allColumns.filter((d) => !leftAndRight.includes(d.id))
       },
-      getMemoOptions(table.options, 'debugColumns', 'getCenterLeafColumns')
+      getMemoOptions(table.options, 'debugColumns', 'getCenterLeafColumns'),
     )
   },
 }
diff --git a/packages/table-core/src/features/ColumnSizing.ts b/packages/table-core/src/features/ColumnSizing.ts
index e6e662820d..a707b52a0b 100644
--- a/packages/table-core/src/features/ColumnSizing.ts
+++ b/packages/table-core/src/features/ColumnSizing.ts
@@ -245,7 +245,7 @@ export const ColumnSizing: TableFeature = {
   },
 
   getDefaultOptions: <TData extends RowData>(
-    table: Table<TData>
+    table: Table<TData>,
   ): ColumnSizingDefaultOptions => {
     return {
       columnResizeMode: 'onEnd',
@@ -257,7 +257,7 @@ export const ColumnSizing: TableFeature = {
 
   createColumn: <TData extends RowData, TValue>(
     column: Column<TData, TValue>,
-    table: Table<TData>
+    table: Table<TData>,
   ): void => {
     column.getSize = () => {
       const columnSize = table.getState().columnSizing[column.id]
@@ -265,14 +265,14 @@ export const ColumnSizing: TableFeature = {
       return Math.min(
         Math.max(
           column.columnDef.minSize ?? defaultColumnSizing.minSize,
-          columnSize ?? column.columnDef.size ?? defaultColumnSizing.size
+          columnSize ?? column.columnDef.size ?? defaultColumnSizing.size,
         ),
-        column.columnDef.maxSize ?? defaultColumnSizing.maxSize
+        column.columnDef.maxSize ?? defaultColumnSizing.maxSize,
       )
     }
 
     column.getStart = memo(
-      position => [
+      (position) => [
         position,
         _getVisibleLeafColumns(table, position),
         table.getState().columnSizing,
@@ -281,11 +281,11 @@ export const ColumnSizing: TableFeature = {
         columns
           .slice(0, column.getIndex(position))
           .reduce((sum, column) => sum + column.getSize(), 0),
-      getMemoOptions(table.options, 'debugColumns', 'getStart')
+      getMemoOptions(table.options, 'debugColumns', 'getStart'),
     )
 
     column.getAfter = memo(
-      position => [
+      (position) => [
         position,
         _getVisibleLeafColumns(table, position),
         table.getState().columnSizing,
@@ -294,7 +294,7 @@ export const ColumnSizing: TableFeature = {
         columns
           .slice(column.getIndex(position) + 1)
           .reduce((sum, column) => sum + column.getSize(), 0),
-      getMemoOptions(table.options, 'debugColumns', 'getAfter')
+      getMemoOptions(table.options, 'debugColumns', 'getAfter'),
     )
 
     column.resetSize = () => {
@@ -315,7 +315,7 @@ export const ColumnSizing: TableFeature = {
 
   createHeader: <TData extends RowData, TValue>(
     header: Header<TData, TValue>,
-    table: Table<TData>
+    table: Table<TData>,
   ): void => {
     header.getSize = () => {
       let sum = 0
@@ -340,7 +340,7 @@ export const ColumnSizing: TableFeature = {
 
       return 0
     }
-    header.getResizeHandler = _contextDocument => {
+    header.getResizeHandler = (_contextDocument) => {
       const column = table.getColumn(header.column.id)
       const canResize = column?.getCanResize()
 
@@ -361,7 +361,9 @@ export const ColumnSizing: TableFeature = {
         const startSize = header.getSize()
 
         const columnSizingStart: [string, number][] = header
-          ? header.getLeafHeaders().map(d => [d.column.id, d.column.getSize()])
+          ? header
+              .getLeafHeaders()
+              .map((d) => [d.column.id, d.column.getSize()])
           : [[column.id, column.getSize()]]
 
         const clientX = isTouchStartEvent(e)
@@ -372,26 +374,26 @@ export const ColumnSizing: TableFeature = {
 
         const updateOffset = (
           eventType: 'move' | 'end',
-          clientXPos?: number
+          clientXPos?: number,
         ) => {
           if (typeof clientXPos !== 'number') {
             return
           }
 
-          table.setColumnSizingInfo(old => {
+          table.setColumnSizingInfo((old) => {
             const deltaDirection =
               table.options.columnResizeDirection === 'rtl' ? -1 : 1
             const deltaOffset =
               (clientXPos - (old?.startOffset ?? 0)) * deltaDirection
             const deltaPercentage = Math.max(
               deltaOffset / (old?.startSize ?? 0),
-              -0.999999
+              -0.999999,
             )
 
             old.columnSizingStart.forEach(([columnId, headerSize]) => {
               newColumnSizing[columnId] =
                 Math.round(
-                  Math.max(headerSize + headerSize * deltaPercentage, 0) * 100
+                  Math.max(headerSize + headerSize * deltaPercentage, 0) * 100,
                 ) / 100
             })
 
@@ -406,7 +408,7 @@ export const ColumnSizing: TableFeature = {
             table.options.columnResizeMode === 'onChange' ||
             eventType === 'end'
           ) {
-            table.setColumnSizing(old => ({
+            table.setColumnSizing((old) => ({
               ...old,
               ...newColumnSizing,
             }))
@@ -418,7 +420,7 @@ export const ColumnSizing: TableFeature = {
         const onEnd = (clientXPos?: number) => {
           updateOffset('end', clientXPos)
 
-          table.setColumnSizingInfo(old => ({
+          table.setColumnSizingInfo((old) => ({
             ...old,
             isResizingColumn: false,
             startOffset: null,
@@ -436,11 +438,11 @@ export const ColumnSizing: TableFeature = {
           upHandler: (e: MouseEvent) => {
             contextDocument?.removeEventListener(
               'mousemove',
-              mouseEvents.moveHandler
+              mouseEvents.moveHandler,
             )
             contextDocument?.removeEventListener(
               'mouseup',
-              mouseEvents.upHandler
+              mouseEvents.upHandler,
             )
             onEnd(e.clientX)
           },
@@ -458,11 +460,11 @@ export const ColumnSizing: TableFeature = {
           upHandler: (e: TouchEvent) => {
             contextDocument?.removeEventListener(
               'touchmove',
-              touchEvents.moveHandler
+              touchEvents.moveHandler,
             )
             contextDocument?.removeEventListener(
               'touchend',
-              touchEvents.upHandler
+              touchEvents.upHandler,
             )
             if (e.cancelable) {
               e.preventDefault()
@@ -480,27 +482,27 @@ export const ColumnSizing: TableFeature = {
           contextDocument?.addEventListener(
             'touchmove',
             touchEvents.moveHandler,
-            passiveIfSupported
+            passiveIfSupported,
           )
           contextDocument?.addEventListener(
             'touchend',
             touchEvents.upHandler,
-            passiveIfSupported
+            passiveIfSupported,
           )
         } else {
           contextDocument?.addEventListener(
             'mousemove',
             mouseEvents.moveHandler,
-            passiveIfSupported
+            passiveIfSupported,
           )
           contextDocument?.addEventListener(
             'mouseup',
             mouseEvents.upHandler,
-            passiveIfSupported
+            passiveIfSupported,
           )
         }
 
-        table.setColumnSizingInfo(old => ({
+        table.setColumnSizingInfo((old) => ({
           ...old,
           startOffset: clientX,
           startSize,
@@ -514,21 +516,21 @@ export const ColumnSizing: TableFeature = {
   },
 
   createTable: <TData extends RowData>(table: Table<TData>): void => {
-    table.setColumnSizing = updater =>
+    table.setColumnSizing = (updater) =>
       table.options.onColumnSizingChange?.(updater)
-    table.setColumnSizingInfo = updater =>
+    table.setColumnSizingInfo = (updater) =>
       table.options.onColumnSizingInfoChange?.(updater)
-    table.resetColumnSizing = defaultState => {
+    table.resetColumnSizing = (defaultState) => {
       table.setColumnSizing(
-        defaultState ? {} : table.initialState.columnSizing ?? {}
+        defaultState ? {} : (table.initialState.columnSizing ?? {}),
       )
     }
-    table.resetHeaderSizeInfo = defaultState => {
+    table.resetHeaderSizeInfo = (defaultState) => {
       table.setColumnSizingInfo(
         defaultState
           ? getDefaultColumnSizingInfoState()
-          : table.initialState.columnSizingInfo ??
-              getDefaultColumnSizingInfoState()
+          : (table.initialState.columnSizingInfo ??
+              getDefaultColumnSizingInfoState()),
       )
     }
     table.getTotalSize = () =>
diff --git a/packages/table-core/src/features/ColumnVisibility.ts b/packages/table-core/src/features/ColumnVisibility.ts
index f37e57be8e..6045c5682a 100644
--- a/packages/table-core/src/features/ColumnVisibility.ts
+++ b/packages/table-core/src/features/ColumnVisibility.ts
@@ -158,7 +158,7 @@ export const ColumnVisibility: TableFeature = {
   },
 
   getDefaultOptions: <TData extends RowData>(
-    table: Table<TData>
+    table: Table<TData>,
   ): VisibilityDefaultOptions => {
     return {
       onColumnVisibilityChange: makeStateUpdater('columnVisibility', table),
@@ -167,11 +167,11 @@ export const ColumnVisibility: TableFeature = {
 
   createColumn: <TData extends RowData, TValue>(
     column: Column<TData, TValue>,
-    table: Table<TData>
+    table: Table<TData>,
   ): void => {
-    column.toggleVisibility = value => {
+    column.toggleVisibility = (value) => {
       if (column.getCanHide()) {
-        table.setColumnVisibility(old => ({
+        table.setColumnVisibility((old) => ({
           ...old,
           [column.id]: value ?? !column.getIsVisible(),
         }))
@@ -181,7 +181,7 @@ export const ColumnVisibility: TableFeature = {
       const childColumns = column.columns
       return (
         (childColumns.length
-          ? childColumns.some(c => c.getIsVisible())
+          ? childColumns.some((c) => c.getIsVisible())
           : table.getState().columnVisibility?.[column.id]) ?? true
       )
     }
@@ -195,7 +195,7 @@ export const ColumnVisibility: TableFeature = {
     column.getToggleVisibilityHandler = () => {
       return (e: unknown) => {
         column.toggleVisibility?.(
-          ((e as MouseEvent).target as HTMLInputElement).checked
+          ((e as MouseEvent).target as HTMLInputElement).checked,
         )
       }
     }
@@ -203,14 +203,14 @@ export const ColumnVisibility: TableFeature = {
 
   createRow: <TData extends RowData>(
     row: Row<TData>,
-    table: Table<TData>
+    table: Table<TData>,
   ): void => {
     row._getAllVisibleCells = memo(
       () => [row.getAllCells(), table.getState().columnVisibility],
-      cells => {
-        return cells.filter(cell => cell.column.getIsVisible())
+      (cells) => {
+        return cells.filter((cell) => cell.column.getIsVisible())
       },
-      getMemoOptions(table.options, 'debugRows', '_getAllVisibleCells')
+      getMemoOptions(table.options, 'debugRows', '_getAllVisibleCells'),
     )
     row.getVisibleCells = memo(
       () => [
@@ -219,61 +219,61 @@ export const ColumnVisibility: TableFeature = {
         row.getRightVisibleCells(),
       ],
       (left, center, right) => [...left, ...center, ...right],
-      getMemoOptions(table.options, 'debugRows', 'getVisibleCells')
+      getMemoOptions(table.options, 'debugRows', 'getVisibleCells'),
     )
   },
 
   createTable: <TData extends RowData>(table: Table<TData>): void => {
     const makeVisibleColumnsMethod = (
       key: string,
-      getColumns: () => Column<TData, unknown>[]
+      getColumns: () => Column<TData, unknown>[],
     ): (() => Column<TData, unknown>[]) => {
       return memo(
         () => [
           getColumns(),
           getColumns()
-            .filter(d => d.getIsVisible())
-            .map(d => d.id)
+            .filter((d) => d.getIsVisible())
+            .map((d) => d.id)
             .join('_'),
         ],
-        columns => {
-          return columns.filter(d => d.getIsVisible?.())
+        (columns) => {
+          return columns.filter((d) => d.getIsVisible?.())
         },
-        getMemoOptions(table.options, 'debugColumns', key)
+        getMemoOptions(table.options, 'debugColumns', key),
       )
     }
 
     table.getVisibleFlatColumns = makeVisibleColumnsMethod(
       'getVisibleFlatColumns',
-      () => table.getAllFlatColumns()
+      () => table.getAllFlatColumns(),
     )
     table.getVisibleLeafColumns = makeVisibleColumnsMethod(
       'getVisibleLeafColumns',
-      () => table.getAllLeafColumns()
+      () => table.getAllLeafColumns(),
     )
     table.getLeftVisibleLeafColumns = makeVisibleColumnsMethod(
       'getLeftVisibleLeafColumns',
-      () => table.getLeftLeafColumns()
+      () => table.getLeftLeafColumns(),
     )
     table.getRightVisibleLeafColumns = makeVisibleColumnsMethod(
       'getRightVisibleLeafColumns',
-      () => table.getRightLeafColumns()
+      () => table.getRightLeafColumns(),
     )
     table.getCenterVisibleLeafColumns = makeVisibleColumnsMethod(
       'getCenterVisibleLeafColumns',
-      () => table.getCenterLeafColumns()
+      () => table.getCenterLeafColumns(),
     )
 
-    table.setColumnVisibility = updater =>
+    table.setColumnVisibility = (updater) =>
       table.options.onColumnVisibilityChange?.(updater)
 
-    table.resetColumnVisibility = defaultState => {
+    table.resetColumnVisibility = (defaultState) => {
       table.setColumnVisibility(
-        defaultState ? {} : table.initialState.columnVisibility ?? {}
+        defaultState ? {} : (table.initialState.columnVisibility ?? {}),
       )
     }
 
-    table.toggleAllColumnsVisible = value => {
+    table.toggleAllColumnsVisible = (value) => {
       value = value ?? !table.getIsAllColumnsVisible()
 
       table.setColumnVisibility(
@@ -282,21 +282,21 @@ export const ColumnVisibility: TableFeature = {
             ...obj,
             [column.id]: !value ? !column.getCanHide?.() : value,
           }),
-          {}
-        )
+          {},
+        ),
       )
     }
 
     table.getIsAllColumnsVisible = () =>
-      !table.getAllLeafColumns().some(column => !column.getIsVisible?.())
+      !table.getAllLeafColumns().some((column) => !column.getIsVisible?.())
 
     table.getIsSomeColumnsVisible = () =>
-      table.getAllLeafColumns().some(column => column.getIsVisible?.())
+      table.getAllLeafColumns().some((column) => column.getIsVisible?.())
 
     table.getToggleAllColumnsVisibilityHandler = () => {
       return (e: unknown) => {
         table.toggleAllColumnsVisible(
-          ((e as MouseEvent).target as HTMLInputElement)?.checked
+          ((e as MouseEvent).target as HTMLInputElement)?.checked,
         )
       }
     }
@@ -305,7 +305,7 @@ export const ColumnVisibility: TableFeature = {
 
 export function _getVisibleLeafColumns<TData extends RowData>(
   table: Table<TData>,
-  position?: ColumnPinningPosition | 'center'
+  position?: ColumnPinningPosition | 'center',
 ) {
   return !position
     ? table.getVisibleLeafColumns()
diff --git a/packages/table-core/src/features/GlobalFiltering.ts b/packages/table-core/src/features/GlobalFiltering.ts
index ada28f1eab..6ec384ece4 100644
--- a/packages/table-core/src/features/GlobalFiltering.ts
+++ b/packages/table-core/src/features/GlobalFiltering.ts
@@ -102,12 +102,12 @@ export const GlobalFiltering: TableFeature = {
   },
 
   getDefaultOptions: <TData extends RowData>(
-    table: Table<TData>
+    table: Table<TData>,
   ): GlobalFilterOptions<TData> => {
     return {
       onGlobalFilterChange: makeStateUpdater('globalFilter', table),
       globalFilterFn: 'auto',
-      getColumnCanGlobalFilter: column => {
+      getColumnCanGlobalFilter: (column) => {
         const value = table
           .getCoreRowModel()
           .flatRows[0]?._getAllCellsByColumnId()
@@ -120,7 +120,7 @@ export const GlobalFiltering: TableFeature = {
 
   createColumn: <TData extends RowData>(
     column: Column<TData, unknown>,
-    table: Table<TData>
+    table: Table<TData>,
   ): void => {
     column.getCanGlobalFilter = () => {
       return (
@@ -145,17 +145,17 @@ export const GlobalFiltering: TableFeature = {
         ? globalFilterFn
         : globalFilterFn === 'auto'
           ? table.getGlobalAutoFilterFn()
-          : table.options.filterFns?.[globalFilterFn as string] ??
-            filterFns[globalFilterFn as BuiltInFilterFn]
+          : (table.options.filterFns?.[globalFilterFn as string] ??
+            filterFns[globalFilterFn as BuiltInFilterFn])
     }
 
-    table.setGlobalFilter = updater => {
+    table.setGlobalFilter = (updater) => {
       table.options.onGlobalFilterChange?.(updater)
     }
 
-    table.resetGlobalFilter = defaultState => {
+    table.resetGlobalFilter = (defaultState) => {
       table.setGlobalFilter(
-        defaultState ? undefined : table.initialState.globalFilter
+        defaultState ? undefined : table.initialState.globalFilter,
       )
     }
   },
diff --git a/packages/table-core/src/features/RowExpanding.ts b/packages/table-core/src/features/RowExpanding.ts
index 15da45e0ea..456108d4d4 100644
--- a/packages/table-core/src/features/RowExpanding.ts
+++ b/packages/table-core/src/features/RowExpanding.ts
@@ -175,7 +175,7 @@ export const RowExpanding: TableFeature = {
   },
 
   getDefaultOptions: <TData extends RowData>(
-    table: Table<TData>
+    table: Table<TData>,
   ): ExpandedOptions<TData> => {
     return {
       onExpandedChange: makeStateUpdater('expanded', table),
@@ -208,21 +208,23 @@ export const RowExpanding: TableFeature = {
         })
       }
     }
-    table.setExpanded = updater => table.options.onExpandedChange?.(updater)
-    table.toggleAllRowsExpanded = expanded => {
+    table.setExpanded = (updater) => table.options.onExpandedChange?.(updater)
+    table.toggleAllRowsExpanded = (expanded) => {
       if (expanded ?? !table.getIsAllRowsExpanded()) {
         table.setExpanded(true)
       } else {
         table.setExpanded({})
       }
     }
-    table.resetExpanded = defaultState => {
-      table.setExpanded(defaultState ? {} : table.initialState?.expanded ?? {})
+    table.resetExpanded = (defaultState) => {
+      table.setExpanded(
+        defaultState ? {} : (table.initialState?.expanded ?? {}),
+      )
     }
     table.getCanSomeRowsExpand = () => {
       return table
         .getPrePaginationRowModel()
-        .flatRows.some(row => row.getCanExpand())
+        .flatRows.some((row) => row.getCanExpand())
     }
     table.getToggleAllRowsExpandedHandler = () => {
       return (e: unknown) => {
@@ -247,7 +249,7 @@ export const RowExpanding: TableFeature = {
       }
 
       // If any row is not expanded, return false
-      if (table.getRowModel().flatRows.some(row => !row.getIsExpanded())) {
+      if (table.getRowModel().flatRows.some((row) => !row.getIsExpanded())) {
         return false
       }
 
@@ -262,7 +264,7 @@ export const RowExpanding: TableFeature = {
           ? Object.keys(table.getRowModel().rowsById)
           : Object.keys(table.getState().expanded)
 
-      rowIds.forEach(id => {
+      rowIds.forEach((id) => {
         const splitId = id.split('.')
         maxDepth = Math.max(maxDepth, splitId.length)
       })
@@ -285,16 +287,16 @@ export const RowExpanding: TableFeature = {
 
   createRow: <TData extends RowData>(
     row: Row<TData>,
-    table: Table<TData>
+    table: Table<TData>,
   ): void => {
-    row.toggleExpanded = expanded => {
-      table.setExpanded(old => {
+    row.toggleExpanded = (expanded) => {
+      table.setExpanded((old) => {
         const exists = old === true ? true : !!old?.[row.id]
 
         let oldExpanded: ExpandedStateList = {}
 
         if (old === true) {
-          Object.keys(table.getRowModel().rowsById).forEach(rowId => {
+          Object.keys(table.getRowModel().rowsById).forEach((rowId) => {
             oldExpanded[rowId] = true
           })
         } else {
diff --git a/packages/table-core/src/features/RowPagination.ts b/packages/table-core/src/features/RowPagination.ts
index 836470673b..454c25aa8d 100644
--- a/packages/table-core/src/features/RowPagination.ts
+++ b/packages/table-core/src/features/RowPagination.ts
@@ -204,7 +204,7 @@ export const RowPagination: TableFeature = {
   },
 
   getDefaultOptions: <TData extends RowData>(
-    table: Table<TData>
+    table: Table<TData>,
   ): PaginationDefaultOptions => {
     return {
       onPaginationChange: makeStateUpdater('pagination', table),
@@ -236,8 +236,8 @@ export const RowPagination: TableFeature = {
         })
       }
     }
-    table.setPagination = updater => {
-      const safeUpdater: Updater<PaginationState> = old => {
+    table.setPagination = (updater) => {
+      const safeUpdater: Updater<PaginationState> = (old) => {
         let newState = functionalUpdate(updater, old)
 
         return newState
@@ -245,15 +245,15 @@ export const RowPagination: TableFeature = {
 
       return table.options.onPaginationChange?.(safeUpdater)
     }
-    table.resetPagination = defaultState => {
+    table.resetPagination = (defaultState) => {
       table.setPagination(
         defaultState
           ? getDefaultPaginationState()
-          : table.initialState.pagination ?? getDefaultPaginationState()
+          : (table.initialState.pagination ?? getDefaultPaginationState()),
       )
     }
-    table.setPageIndex = updater => {
-      table.setPagination(old => {
+    table.setPageIndex = (updater) => {
+      table.setPagination((old) => {
         let pageIndex = functionalUpdate(updater, old.pageIndex)
 
         const maxPageIndex =
@@ -270,22 +270,22 @@ export const RowPagination: TableFeature = {
         }
       })
     }
-    table.resetPageIndex = defaultState => {
+    table.resetPageIndex = (defaultState) => {
       table.setPageIndex(
         defaultState
           ? defaultPageIndex
-          : table.initialState?.pagination?.pageIndex ?? defaultPageIndex
+          : (table.initialState?.pagination?.pageIndex ?? defaultPageIndex),
       )
     }
-    table.resetPageSize = defaultState => {
+    table.resetPageSize = (defaultState) => {
       table.setPageSize(
         defaultState
           ? defaultPageSize
-          : table.initialState?.pagination?.pageSize ?? defaultPageSize
+          : (table.initialState?.pagination?.pageSize ?? defaultPageSize),
       )
     }
-    table.setPageSize = updater => {
-      table.setPagination(old => {
+    table.setPageSize = (updater) => {
+      table.setPagination((old) => {
         const pageSize = Math.max(1, functionalUpdate(updater, old.pageSize))
         const topRowIndex = old.pageSize * old.pageIndex!
         const pageIndex = Math.floor(topRowIndex / pageSize)
@@ -298,11 +298,11 @@ export const RowPagination: TableFeature = {
       })
     }
     //deprecated
-    table.setPageCount = updater =>
-      table.setPagination(old => {
+    table.setPageCount = (updater) =>
+      table.setPagination((old) => {
         let newPageCount = functionalUpdate(
           updater,
-          table.options.pageCount ?? -1
+          table.options.pageCount ?? -1,
         )
 
         if (typeof newPageCount === 'number') {
@@ -317,14 +317,14 @@ export const RowPagination: TableFeature = {
 
     table.getPageOptions = memo(
       () => [table.getPageCount()],
-      pageCount => {
+      (pageCount) => {
         let pageOptions: number[] = []
         if (pageCount && pageCount > 0) {
           pageOptions = [...new Array(pageCount)].fill(null).map((_, i) => i)
         }
         return pageOptions
       },
-      getMemoOptions(table.options, 'debugTable', 'getPageOptions')
+      getMemoOptions(table.options, 'debugTable', 'getPageOptions'),
     )
 
     table.getCanPreviousPage = () => table.getState().pagination.pageIndex > 0
@@ -346,11 +346,11 @@ export const RowPagination: TableFeature = {
     }
 
     table.previousPage = () => {
-      return table.setPageIndex(old => old - 1)
+      return table.setPageIndex((old) => old - 1)
     }
 
     table.nextPage = () => {
-      return table.setPageIndex(old => {
+      return table.setPageIndex((old) => {
         return old + 1
       })
     }
diff --git a/packages/table-core/src/features/RowPinning.ts b/packages/table-core/src/features/RowPinning.ts
index 02288ab8d1..dcc3b9795d 100644
--- a/packages/table-core/src/features/RowPinning.ts
+++ b/packages/table-core/src/features/RowPinning.ts
@@ -71,7 +71,7 @@ export interface RowPinningRow {
   pin: (
     position: RowPinningPosition,
     includeLeafRows?: boolean,
-    includeParentRows?: boolean
+    includeParentRows?: boolean,
   ) => void
 }
 
@@ -79,7 +79,7 @@ export interface RowPinningInstance<TData extends RowData> {
   _getPinnedRows: (
     visiblePinnedRows: Array<Row<TData>>,
     pinnedRowIds: Array<string> | undefined,
-    position: 'top' | 'bottom'
+    position: 'top' | 'bottom',
   ) => Row<TData>[]
   /**
    * Returns all bottom pinned rows.
@@ -135,7 +135,7 @@ export const RowPinning: TableFeature = {
   },
 
   getDefaultOptions: <TData extends RowData>(
-    table: Table<TData>
+    table: Table<TData>,
   ): RowPinningDefaultOptions => {
     return {
       onRowPinningChange: makeStateUpdater('rowPinning', table),
@@ -144,7 +144,7 @@ export const RowPinning: TableFeature = {
 
   createRow: <TData extends RowData>(
     row: Row<TData>,
-    table: Table<TData>
+    table: Table<TData>,
   ): void => {
     row.pin = (position, includeLeafRows, includeParentRows) => {
       const leafRowIds = includeLeafRows
@@ -155,12 +155,12 @@ export const RowPinning: TableFeature = {
         : []
       const rowIds = new Set([...parentRowIds, row.id, ...leafRowIds])
 
-      table.setRowPinning(old => {
+      table.setRowPinning((old) => {
         if (position === 'bottom') {
           return {
-            top: (old?.top ?? []).filter(d => !rowIds?.has(d)),
+            top: (old?.top ?? []).filter((d) => !rowIds?.has(d)),
             bottom: [
-              ...(old?.bottom ?? []).filter(d => !rowIds?.has(d)),
+              ...(old?.bottom ?? []).filter((d) => !rowIds?.has(d)),
               ...Array.from(rowIds),
             ],
           }
@@ -169,16 +169,16 @@ export const RowPinning: TableFeature = {
         if (position === 'top') {
           return {
             top: [
-              ...(old?.top ?? []).filter(d => !rowIds?.has(d)),
+              ...(old?.top ?? []).filter((d) => !rowIds?.has(d)),
               ...Array.from(rowIds),
             ],
-            bottom: (old?.bottom ?? []).filter(d => !rowIds?.has(d)),
+            bottom: (old?.bottom ?? []).filter((d) => !rowIds?.has(d)),
           }
         }
 
         return {
-          top: (old?.top ?? []).filter(d => !rowIds?.has(d)),
-          bottom: (old?.bottom ?? []).filter(d => !rowIds?.has(d)),
+          top: (old?.top ?? []).filter((d) => !rowIds?.has(d)),
+          bottom: (old?.bottom ?? []).filter((d) => !rowIds?.has(d)),
         }
       })
     }
@@ -194,8 +194,8 @@ export const RowPinning: TableFeature = {
 
       const { top, bottom } = table.getState().rowPinning
 
-      const isTop = rowIds.some(d => top?.includes(d))
-      const isBottom = rowIds.some(d => bottom?.includes(d))
+      const isTop = rowIds.some((d) => top?.includes(d))
+      const isBottom = rowIds.some((d) => bottom?.includes(d))
 
       return isTop ? 'top' : isBottom ? 'bottom' : false
     }
@@ -212,16 +212,17 @@ export const RowPinning: TableFeature = {
   },
 
   createTable: <TData extends RowData>(table: Table<TData>): void => {
-    table.setRowPinning = updater => table.options.onRowPinningChange?.(updater)
+    table.setRowPinning = (updater) =>
+      table.options.onRowPinningChange?.(updater)
 
-    table.resetRowPinning = defaultState =>
+    table.resetRowPinning = (defaultState) =>
       table.setRowPinning(
         defaultState
           ? getDefaultRowPinningState()
-          : table.initialState?.rowPinning ?? getDefaultRowPinningState()
+          : (table.initialState?.rowPinning ?? getDefaultRowPinningState()),
       )
 
-    table.getIsSomeRowsPinned = position => {
+    table.getIsSomeRowsPinned = (position) => {
       const pinningState = table.getState().rowPinning
 
       if (!position) {
@@ -232,33 +233,35 @@ export const RowPinning: TableFeature = {
 
     table._getPinnedRows = (visibleRows, pinnedRowIds, position) => {
       const rows =
-        table.options.keepPinnedRows ?? true
+        (table.options.keepPinnedRows ?? true)
           ? //get all rows that are pinned even if they would not be otherwise visible
             //account for expanded parent rows, but not pagination or filtering
-            (pinnedRowIds ?? []).map(rowId => {
+            (pinnedRowIds ?? []).map((rowId) => {
               const row = table.getRow(rowId, true)
               return row.getIsAllParentsExpanded() ? row : null
             })
           : //else get only visible rows that are pinned
             (pinnedRowIds ?? []).map(
-              rowId => visibleRows.find(row => row.id === rowId)!
+              (rowId) => visibleRows.find((row) => row.id === rowId)!,
             )
 
-      return rows.filter(Boolean).map(d => ({ ...d, position })) as Row<TData>[]
+      return rows
+        .filter(Boolean)
+        .map((d) => ({ ...d, position })) as Row<TData>[]
     }
 
     table.getTopRows = memo(
       () => [table.getRowModel().rows, table.getState().rowPinning.top],
       (allRows, topPinnedRowIds) =>
         table._getPinnedRows(allRows, topPinnedRowIds, 'top'),
-      getMemoOptions(table.options, 'debugRows', 'getTopRows')
+      getMemoOptions(table.options, 'debugRows', 'getTopRows'),
     )
 
     table.getBottomRows = memo(
       () => [table.getRowModel().rows, table.getState().rowPinning.bottom],
       (allRows, bottomPinnedRowIds) =>
         table._getPinnedRows(allRows, bottomPinnedRowIds, 'bottom'),
-      getMemoOptions(table.options, 'debugRows', 'getBottomRows')
+      getMemoOptions(table.options, 'debugRows', 'getBottomRows'),
     )
 
     table.getCenterRows = memo(
@@ -269,9 +272,9 @@ export const RowPinning: TableFeature = {
       ],
       (allRows, top, bottom) => {
         const topAndBottom = new Set([...(top ?? []), ...(bottom ?? [])])
-        return allRows.filter(d => !topAndBottom.has(d.id))
+        return allRows.filter((d) => !topAndBottom.has(d.id))
       },
-      getMemoOptions(table.options, 'debugRows', 'getCenterRows')
+      getMemoOptions(table.options, 'debugRows', 'getCenterRows'),
     )
   },
 }
diff --git a/packages/table-core/src/features/RowSelection.ts b/packages/table-core/src/features/RowSelection.ts
index 90166823aa..e5fddaba9d 100644
--- a/packages/table-core/src/features/RowSelection.ts
+++ b/packages/table-core/src/features/RowSelection.ts
@@ -205,7 +205,7 @@ export const RowSelection: TableFeature = {
   },
 
   getDefaultOptions: <TData extends RowData>(
-    table: Table<TData>
+    table: Table<TData>,
   ): RowSelectionOptions<TData> => {
     return {
       onRowSelectionChange: makeStateUpdater('rowSelection', table),
@@ -219,14 +219,14 @@ export const RowSelection: TableFeature = {
   },
 
   createTable: <TData extends RowData>(table: Table<TData>): void => {
-    table.setRowSelection = updater =>
+    table.setRowSelection = (updater) =>
       table.options.onRowSelectionChange?.(updater)
-    table.resetRowSelection = defaultState =>
+    table.resetRowSelection = (defaultState) =>
       table.setRowSelection(
-        defaultState ? {} : table.initialState.rowSelection ?? {}
+        defaultState ? {} : (table.initialState.rowSelection ?? {}),
       )
-    table.toggleAllRowsSelected = value => {
-      table.setRowSelection(old => {
+    table.toggleAllRowsSelected = (value) => {
+      table.setRowSelection((old) => {
         value =
           typeof value !== 'undefined' ? value : !table.getIsAllRowsSelected()
 
@@ -237,14 +237,14 @@ export const RowSelection: TableFeature = {
         // We don't use `mutateRowIsSelected` here for performance reasons.
         // All of the rows are flat already, so it wouldn't be worth it
         if (value) {
-          preGroupedFlatRows.forEach(row => {
+          preGroupedFlatRows.forEach((row) => {
             if (!row.getCanSelect()) {
               return
             }
             rowSelection[row.id] = true
           })
         } else {
-          preGroupedFlatRows.forEach(row => {
+          preGroupedFlatRows.forEach((row) => {
             delete rowSelection[row.id]
           })
         }
@@ -252,8 +252,8 @@ export const RowSelection: TableFeature = {
         return rowSelection
       })
     }
-    table.toggleAllPageRowsSelected = value =>
-      table.setRowSelection(old => {
+    table.toggleAllPageRowsSelected = (value) =>
+      table.setRowSelection((old) => {
         const resolvedValue =
           typeof value !== 'undefined'
             ? value
@@ -261,7 +261,7 @@ export const RowSelection: TableFeature = {
 
         const rowSelection: RowSelectionState = { ...old }
 
-        table.getRowModel().rows.forEach(row => {
+        table.getRowModel().rows.forEach((row) => {
           mutateRowIsSelected(rowSelection, row.id, resolvedValue, true, table)
         })
 
@@ -340,7 +340,7 @@ export const RowSelection: TableFeature = {
 
         return selectRowsFn(table, rowModel)
       },
-      getMemoOptions(table.options, 'debugTable', 'getSelectedRowModel')
+      getMemoOptions(table.options, 'debugTable', 'getSelectedRowModel'),
     )
 
     table.getFilteredSelectedRowModel = memo(
@@ -356,7 +356,11 @@ export const RowSelection: TableFeature = {
 
         return selectRowsFn(table, rowModel)
       },
-      getMemoOptions(table.options, 'debugTable', 'getFilteredSelectedRowModel')
+      getMemoOptions(
+        table.options,
+        'debugTable',
+        'getFilteredSelectedRowModel',
+      ),
     )
 
     table.getGroupedSelectedRowModel = memo(
@@ -372,7 +376,7 @@ export const RowSelection: TableFeature = {
 
         return selectRowsFn(table, rowModel)
       },
-      getMemoOptions(table.options, 'debugTable', 'getGroupedSelectedRowModel')
+      getMemoOptions(table.options, 'debugTable', 'getGroupedSelectedRowModel'),
     )
 
     ///
@@ -396,13 +400,13 @@ export const RowSelection: TableFeature = {
       const { rowSelection } = table.getState()
 
       let isAllRowsSelected = Boolean(
-        preGroupedFlatRows.length && Object.keys(rowSelection).length
+        preGroupedFlatRows.length && Object.keys(rowSelection).length,
       )
 
       if (isAllRowsSelected) {
         if (
           preGroupedFlatRows.some(
-            row => row.getCanSelect() && !rowSelection[row.id]
+            (row) => row.getCanSelect() && !rowSelection[row.id],
           )
         ) {
           isAllRowsSelected = false
@@ -415,14 +419,14 @@ export const RowSelection: TableFeature = {
     table.getIsAllPageRowsSelected = () => {
       const paginationFlatRows = table
         .getPaginationRowModel()
-        .flatRows.filter(row => row.getCanSelect())
+        .flatRows.filter((row) => row.getCanSelect())
       const { rowSelection } = table.getState()
 
       let isAllPageRowsSelected = !!paginationFlatRows.length
 
       if (
         isAllPageRowsSelected &&
-        paginationFlatRows.some(row => !rowSelection[row.id])
+        paginationFlatRows.some((row) => !rowSelection[row.id])
       ) {
         isAllPageRowsSelected = false
       }
@@ -432,7 +436,7 @@ export const RowSelection: TableFeature = {
 
     table.getIsSomeRowsSelected = () => {
       const totalSelected = Object.keys(
-        table.getState().rowSelection ?? {}
+        table.getState().rowSelection ?? {},
       ).length
       return (
         totalSelected > 0 &&
@@ -445,14 +449,14 @@ export const RowSelection: TableFeature = {
       return table.getIsAllPageRowsSelected()
         ? false
         : paginationFlatRows
-            .filter(row => row.getCanSelect())
-            .some(d => d.getIsSelected() || d.getIsSomeSelected())
+            .filter((row) => row.getCanSelect())
+            .some((d) => d.getIsSelected() || d.getIsSomeSelected())
     }
 
     table.getToggleAllRowsSelectedHandler = () => {
       return (e: unknown) => {
         table.toggleAllRowsSelected(
-          ((e as MouseEvent).target as HTMLInputElement).checked
+          ((e as MouseEvent).target as HTMLInputElement).checked,
         )
       }
     }
@@ -460,7 +464,7 @@ export const RowSelection: TableFeature = {
     table.getToggleAllPageRowsSelectedHandler = () => {
       return (e: unknown) => {
         table.toggleAllPageRowsSelected(
-          ((e as MouseEvent).target as HTMLInputElement).checked
+          ((e as MouseEvent).target as HTMLInputElement).checked,
         )
       }
     }
@@ -468,12 +472,12 @@ export const RowSelection: TableFeature = {
 
   createRow: <TData extends RowData>(
     row: Row<TData>,
-    table: Table<TData>
+    table: Table<TData>,
   ): void => {
     row.toggleSelected = (value, opts) => {
       const isSelected = row.getIsSelected()
 
-      table.setRowSelection(old => {
+      table.setRowSelection((old) => {
         value = typeof value !== 'undefined' ? value : !isSelected
 
         if (row.getCanSelect() && isSelected === value) {
@@ -487,7 +491,7 @@ export const RowSelection: TableFeature = {
           row.id,
           value,
           opts?.selectChildren ?? true,
-          table
+          table,
         )
 
         return selectedRowIds
@@ -537,7 +541,7 @@ export const RowSelection: TableFeature = {
       return (e: unknown) => {
         if (!canSelect) return
         row.toggleSelected(
-          ((e as MouseEvent).target as HTMLInputElement)?.checked
+          ((e as MouseEvent).target as HTMLInputElement)?.checked,
         )
       }
     }
@@ -549,7 +553,7 @@ const mutateRowIsSelected = <TData extends RowData>(
   id: string,
   value: boolean,
   includeChildren: boolean,
-  table: Table<TData>
+  table: Table<TData>,
 ) => {
   const row = table.getRow(id, true)
 
@@ -561,7 +565,7 @@ const mutateRowIsSelected = <TData extends RowData>(
   // ) {
   if (value) {
     if (!row.getCanMultiSelect()) {
-      Object.keys(selectedRowIds).forEach(key => delete selectedRowIds[key])
+      Object.keys(selectedRowIds).forEach((key) => delete selectedRowIds[key])
     }
     if (row.getCanSelect()) {
       selectedRowIds[id] = true
@@ -572,15 +576,21 @@ const mutateRowIsSelected = <TData extends RowData>(
   // }
 
   if (includeChildren && row.subRows?.length && row.getCanSelectSubRows()) {
-    row.subRows.forEach(row =>
-      mutateRowIsSelected(selectedRowIds, row.id, value, includeChildren, table)
+    row.subRows.forEach((row) =>
+      mutateRowIsSelected(
+        selectedRowIds,
+        row.id,
+        value,
+        includeChildren,
+        table,
+      ),
     )
   }
 }
 
 export function selectRowsFn<TData extends RowData>(
   table: Table<TData>,
-  rowModel: RowModel<TData>
+  rowModel: RowModel<TData>,
 ): RowModel<TData> {
   const rowSelection = table.getState().rowSelection
 
@@ -590,7 +600,7 @@ export function selectRowsFn<TData extends RowData>(
   // Filters top level and nested rows
   const recurseRows = (rows: Row<TData>[], depth = 0): Row<TData>[] => {
     return rows
-      .map(row => {
+      .map((row) => {
         const isSelected = isRowSelected(row, rowSelection)
 
         if (isSelected) {
@@ -621,7 +631,7 @@ export function selectRowsFn<TData extends RowData>(
 
 export function isRowSelected<TData extends RowData>(
   row: Row<TData>,
-  selection: Record<string, boolean>
+  selection: Record<string, boolean>,
 ): boolean {
   return selection[row.id] ?? false
 }
@@ -629,14 +639,14 @@ export function isRowSelected<TData extends RowData>(
 export function isSubRowSelected<TData extends RowData>(
   row: Row<TData>,
   selection: Record<string, boolean>,
-  table: Table<TData>
+  table: Table<TData>,
 ): boolean | 'some' | 'all' {
   if (!row.subRows?.length) return false
 
   let allChildrenSelected = true
   let someSelected = false
 
-  row.subRows.forEach(subRow => {
+  row.subRows.forEach((subRow) => {
     // Bail out early if we know both of these
     if (someSelected && !allChildrenSelected) {
       return
diff --git a/packages/table-core/src/features/RowSorting.ts b/packages/table-core/src/features/RowSorting.ts
index c2e7c32d53..9e8e969285 100644
--- a/packages/table-core/src/features/RowSorting.ts
+++ b/packages/table-core/src/features/RowSorting.ts
@@ -242,8 +242,7 @@ type ResolvedSortingFns = keyof SortingFns extends never
     }
 
 export interface SortingOptions<TData extends RowData>
-  extends SortingOptionsBase,
-    ResolvedSortingFns {}
+  extends SortingOptionsBase, ResolvedSortingFns {}
 
 export interface SortingInstance<TData extends RowData> {
   _getSortedRowModel?: () => RowModel<TData>
@@ -291,7 +290,7 @@ export const RowSorting: TableFeature = {
   },
 
   getDefaultOptions: <TData extends RowData>(
-    table: Table<TData>
+    table: Table<TData>,
   ): SortingOptions<TData> => {
     return {
       onSortingChange: makeStateUpdater('sorting', table),
@@ -303,7 +302,7 @@ export const RowSorting: TableFeature = {
 
   createColumn: <TData extends RowData, TValue>(
     column: Column<TData, TValue>,
-    table: Table<TData>
+    table: Table<TData>,
   ): void => {
     column.getAutoSortingFn = () => {
       const firstRows = table.getFilteredRowModel().flatRows.slice(10)
@@ -352,8 +351,8 @@ export const RowSorting: TableFeature = {
         ? column.columnDef.sortingFn
         : column.columnDef.sortingFn === 'auto'
           ? column.getAutoSortingFn()
-          : table.options.sortingFns?.[column.columnDef.sortingFn as string] ??
-            sortingFns[column.columnDef.sortingFn as BuiltInSortingFn]
+          : (table.options.sortingFns?.[column.columnDef.sortingFn as string] ??
+            sortingFns[column.columnDef.sortingFn as BuiltInSortingFn])
     }
     column.toggleSorting = (desc, multi) => {
       // if (column.columns.length) {
@@ -369,10 +368,10 @@ export const RowSorting: TableFeature = {
       const nextSortingOrder = column.getNextSortingOrder()
       const hasManualValue = typeof desc !== 'undefined' && desc !== null
 
-      table.setSorting(old => {
+      table.setSorting((old) => {
         // Find any existing sorting for this column
-        const existingSorting = old?.find(d => d.id === column.id)
-        const existingIndex = old?.findIndex(d => d.id === column.id)
+        const existingSorting = old?.find((d) => d.id === column.id)
+        const existingIndex = old?.findIndex((d) => d.id === column.id)
 
         let newSorting: SortingState = []
 
@@ -421,11 +420,11 @@ export const RowSorting: TableFeature = {
           newSorting.splice(
             0,
             newSorting.length -
-              (table.options.maxMultiSortColCount ?? Number.MAX_SAFE_INTEGER)
+              (table.options.maxMultiSortColCount ?? Number.MAX_SAFE_INTEGER),
           )
         } else if (sortAction === 'toggle') {
           // This flips (or sets) the
-          newSorting = old.map(d => {
+          newSorting = old.map((d) => {
             if (d.id === column.id) {
               return {
                 ...d,
@@ -435,7 +434,7 @@ export const RowSorting: TableFeature = {
             return d
           })
         } else if (sortAction === 'remove') {
-          newSorting = old.filter(d => d.id !== column.id)
+          newSorting = old.filter((d) => d.id !== column.id)
         } else {
           newSorting = [
             {
@@ -468,7 +467,7 @@ export const RowSorting: TableFeature = {
       if (
         isSorted !== firstSortDirection &&
         (table.options.enableSortingRemoval ?? true) && // If enableSortRemove, enable in general
-        (multi ? table.options.enableMultiRemove ?? true : true) // If multi, don't allow if enableMultiRemove))
+        (multi ? (table.options.enableMultiRemove ?? true) : true) // If multi, don't allow if enableMultiRemove))
       ) {
         return false
       }
@@ -492,18 +491,20 @@ export const RowSorting: TableFeature = {
     }
 
     column.getIsSorted = () => {
-      const columnSort = table.getState().sorting?.find(d => d.id === column.id)
+      const columnSort = table
+        .getState()
+        .sorting?.find((d) => d.id === column.id)
 
       return !columnSort ? false : columnSort.desc ? 'desc' : 'asc'
     }
 
     column.getSortIndex = () =>
-      table.getState().sorting?.findIndex(d => d.id === column.id) ?? -1
+      table.getState().sorting?.findIndex((d) => d.id === column.id) ?? -1
 
     column.clearSorting = () => {
       //clear sorting for just 1 column
-      table.setSorting(old =>
-        old?.length ? old.filter(d => d.id !== column.id) : []
+      table.setSorting((old) =>
+        old?.length ? old.filter((d) => d.id !== column.id) : [],
       )
     }
 
@@ -515,16 +516,18 @@ export const RowSorting: TableFeature = {
         ;(e as any).persist?.()
         column.toggleSorting?.(
           undefined,
-          column.getCanMultiSort() ? table.options.isMultiSortEvent?.(e) : false
+          column.getCanMultiSort()
+            ? table.options.isMultiSortEvent?.(e)
+            : false,
         )
       }
     }
   },
 
   createTable: <TData extends RowData>(table: Table<TData>): void => {
-    table.setSorting = updater => table.options.onSortingChange?.(updater)
-    table.resetSorting = defaultState => {
-      table.setSorting(defaultState ? [] : table.initialState?.sorting ?? [])
+    table.setSorting = (updater) => table.options.onSortingChange?.(updater)
+    table.resetSorting = (defaultState) => {
+      table.setSorting(defaultState ? [] : (table.initialState?.sorting ?? []))
     }
     table.getPreSortedRowModel = () => table.getGroupedRowModel()
     table.getSortedRowModel = () => {
diff --git a/packages/table-core/src/filterFns.ts b/packages/table-core/src/filterFns.ts
index a7144829d5..aa20e691a8 100644
--- a/packages/table-core/src/filterFns.ts
+++ b/packages/table-core/src/filterFns.ts
@@ -3,7 +3,7 @@ import { FilterFn } from './features/ColumnFiltering'
 const includesString: FilterFn<any> = (
   row,
   columnId: string,
-  filterValue: string
+  filterValue: string,
 ) => {
   const search = filterValue?.toString()?.toLowerCase()
   return Boolean(
@@ -11,7 +11,7 @@ const includesString: FilterFn<any> = (
       .getValue<string | null>(columnId)
       ?.toString()
       ?.toLowerCase()
-      ?.includes(search)
+      ?.includes(search),
   )
 }
 
@@ -20,10 +20,10 @@ includesString.autoRemove = (val: any) => testFalsey(val)
 const includesStringSensitive: FilterFn<any> = (
   row,
   columnId: string,
-  filterValue: string
+  filterValue: string,
 ) => {
   return Boolean(
-    row.getValue<string | null>(columnId)?.toString()?.includes(filterValue)
+    row.getValue<string | null>(columnId)?.toString()?.includes(filterValue),
   )
 }
 
@@ -32,7 +32,7 @@ includesStringSensitive.autoRemove = (val: any) => testFalsey(val)
 const equalsString: FilterFn<any> = (
   row,
   columnId: string,
-  filterValue: string
+  filterValue: string,
 ) => {
   return (
     row.getValue<string | null>(columnId)?.toString()?.toLowerCase() ===
@@ -45,7 +45,7 @@ equalsString.autoRemove = (val: any) => testFalsey(val)
 const arrIncludes: FilterFn<any> = (
   row,
   columnId: string,
-  filterValue: unknown
+  filterValue: unknown,
 ) => {
   return row.getValue<unknown[]>(columnId)?.includes(filterValue)
 }
@@ -55,10 +55,10 @@ arrIncludes.autoRemove = (val: any) => testFalsey(val)
 const arrIncludesAll: FilterFn<any> = (
   row,
   columnId: string,
-  filterValue: unknown[]
+  filterValue: unknown[],
 ) => {
   return !filterValue.some(
-    val => !row.getValue<unknown[]>(columnId)?.includes(val)
+    (val) => !row.getValue<unknown[]>(columnId)?.includes(val),
   )
 }
 
@@ -67,10 +67,10 @@ arrIncludesAll.autoRemove = (val: any) => testFalsey(val) || !val?.length
 const arrIncludesSome: FilterFn<any> = (
   row,
   columnId: string,
-  filterValue: unknown[]
+  filterValue: unknown[],
 ) => {
-  return filterValue.some(val =>
-    row.getValue<unknown[]>(columnId)?.includes(val)
+  return filterValue.some((val) =>
+    row.getValue<unknown[]>(columnId)?.includes(val),
   )
 }
 
@@ -85,7 +85,7 @@ equals.autoRemove = (val: any) => testFalsey(val)
 const weakEquals: FilterFn<any> = (
   row,
   columnId: string,
-  filterValue: unknown
+  filterValue: unknown,
 ) => {
   return row.getValue(columnId) == filterValue
 }
@@ -95,7 +95,7 @@ weakEquals.autoRemove = (val: any) => testFalsey(val)
 const inNumberRange: FilterFn<any> = (
   row,
   columnId: string,
-  filterValue: [number, number]
+  filterValue: [number, number],
 ) => {
   let [min, max] = filterValue
 
diff --git a/packages/table-core/src/sortingFns.ts b/packages/table-core/src/sortingFns.ts
index acb0c05fab..b3c6e45c5b 100644
--- a/packages/table-core/src/sortingFns.ts
+++ b/packages/table-core/src/sortingFns.ts
@@ -5,14 +5,14 @@ export const reSplitAlphaNumeric = /([0-9]+)/gm
 const alphanumeric: SortingFn<any> = (rowA, rowB, columnId) => {
   return compareAlphanumeric(
     toString(rowA.getValue(columnId)).toLowerCase(),
-    toString(rowB.getValue(columnId)).toLowerCase()
+    toString(rowB.getValue(columnId)).toLowerCase(),
   )
 }
 
 const alphanumericCaseSensitive: SortingFn<any> = (rowA, rowB, columnId) => {
   return compareAlphanumeric(
     toString(rowA.getValue(columnId)),
-    toString(rowB.getValue(columnId))
+    toString(rowB.getValue(columnId)),
   )
 }
 
@@ -21,7 +21,7 @@ const alphanumericCaseSensitive: SortingFn<any> = (rowA, rowB, columnId) => {
 const text: SortingFn<any> = (rowA, rowB, columnId) => {
   return compareBasic(
     toString(rowA.getValue(columnId)).toLowerCase(),
-    toString(rowB.getValue(columnId)).toLowerCase()
+    toString(rowB.getValue(columnId)).toLowerCase(),
   )
 }
 
@@ -30,7 +30,7 @@ const text: SortingFn<any> = (rowA, rowB, columnId) => {
 const textCaseSensitive: SortingFn<any> = (rowA, rowB, columnId) => {
   return compareBasic(
     toString(rowA.getValue(columnId)),
-    toString(rowB.getValue(columnId))
+    toString(rowB.getValue(columnId)),
   )
 }
 
diff --git a/packages/table-core/src/types.ts b/packages/table-core/src/types.ts
index 26bf47939e..ba933e4592 100644
--- a/packages/table-core/src/types.ts
+++ b/packages/table-core/src/types.ts
@@ -102,7 +102,7 @@ export interface TableFeature<TData extends RowData = any> {
     cell: Cell<TData, unknown>,
     column: Column<TData>,
     row: Row<TData>,
-    table: Table<TData>
+    table: Table<TData>,
   ) => void
   createColumn?: (column: Column<TData, unknown>, table: Table<TData>) => void
   createHeader?: (header: Header<TData, unknown>, table: Table<TData>) => void
@@ -110,7 +110,7 @@ export interface TableFeature<TData extends RowData = any> {
   createTable?: (table: Table<TData>) => void
   getDefaultColumnDef?: () => Partial<ColumnDef<TData, unknown>>
   getDefaultOptions?: (
-    table: Table<TData>
+    table: Table<TData>,
   ) => Partial<TableOptionsResolved<TData>>
   getInitialState?: (initialState?: InitialTableState) => Partial<TableState>
 }
@@ -135,7 +135,8 @@ export type RowData = unknown | object | any[]
 export type AnyRender = (Comp: any, props: any) => any
 
 export interface Table<TData extends RowData>
-  extends CoreInstance<TData>,
+  extends
+    CoreInstance<TData>,
     HeadersInstance<TData>,
     VisibilityInstance<TData>,
     ColumnOrderInstance<TData>,
@@ -152,7 +153,8 @@ export interface Table<TData extends RowData>
     RowSelectionInstance<TData> {}
 
 interface FeatureOptions<TData extends RowData>
-  extends VisibilityOptions,
+  extends
+    VisibilityOptions,
     ColumnOrderOptions,
     ColumnPinningOptions,
     RowPinningOptions<TData>,
@@ -167,17 +169,16 @@ interface FeatureOptions<TData extends RowData>
     RowSelectionOptions<TData> {}
 
 export interface TableOptionsResolved<TData extends RowData>
-  extends CoreOptions<TData>,
-    FeatureOptions<TData> {}
+  extends CoreOptions<TData>, FeatureOptions<TData> {}
 
-export interface TableOptions<TData extends RowData>
-  extends PartialKeys<
-    TableOptionsResolved<TData>,
-    'state' | 'onStateChange' | 'renderFallbackValue'
-  > {}
+export interface TableOptions<TData extends RowData> extends PartialKeys<
+  TableOptionsResolved<TData>,
+  'state' | 'onStateChange' | 'renderFallbackValue'
+> {}
 
 export interface TableState
-  extends CoreTableState,
+  extends
+    CoreTableState,
     VisibilityTableState,
     ColumnOrderTableState,
     ColumnPinningTableState,
@@ -192,7 +193,8 @@ export interface TableState
     RowSelectionTableState {}
 
 interface CompleteInitialTableState
-  extends CoreTableState,
+  extends
+    CoreTableState,
     VisibilityTableState,
     ColumnOrderTableState,
     ColumnPinningTableState,
@@ -209,7 +211,8 @@ interface CompleteInitialTableState
 export interface InitialTableState extends Partial<CompleteInitialTableState> {}
 
 export interface Row<TData extends RowData>
-  extends CoreRow<TData>,
+  extends
+    CoreRow<TData>,
     VisibilityRow<TData>,
     ColumnPinningRow<TData>,
     RowPinningRow,
@@ -226,7 +229,7 @@ export interface RowModel<TData extends RowData> {
 
 export type AccessorFn<TData extends RowData, TValue = unknown> = (
   originalRow: TData,
-  index: number
+  index: number,
 ) => TValue
 
 export type ColumnDefTemplate<TProps extends object> =
@@ -254,7 +257,8 @@ type ColumnIdentifiers<TData extends RowData, TValue> =
 //
 
 interface ColumnDefExtensions<TData extends RowData, TValue = unknown>
-  extends VisibilityColumnDef,
+  extends
+    VisibilityColumnDef,
     ColumnPinningColumnDef,
     ColumnFiltersColumnDef<TData>,
     GlobalFilterColumnDef,
@@ -262,8 +266,10 @@ interface ColumnDefExtensions<TData extends RowData, TValue = unknown>
     GroupingColumnDef<TData, TValue>,
     ColumnSizingColumnDef {}
 
-export interface ColumnDefBase<TData extends RowData, TValue = unknown>
-  extends ColumnDefExtensions<TData, TValue> {
+export interface ColumnDefBase<
+  TData extends RowData,
+  TValue = unknown,
+> extends ColumnDefExtensions<TData, TValue> {
   getUniqueValues?: AccessorFn<TData, unknown[]>
   footer?: ColumnDefTemplate<HeaderContext<TData, TValue>>
   cell?: ColumnDefTemplate<CellContext<TData, TValue>>
@@ -272,8 +278,10 @@ export interface ColumnDefBase<TData extends RowData, TValue = unknown>
 
 //
 
-export interface IdentifiedColumnDef<TData extends RowData, TValue = unknown>
-  extends ColumnDefBase<TData, TValue> {
+export interface IdentifiedColumnDef<
+  TData extends RowData,
+  TValue = unknown,
+> extends ColumnDefBase<TData, TValue> {
   id?: string
   header?: StringOrTemplateHeader<TData, TValue>
 }
@@ -283,8 +291,10 @@ export type DisplayColumnDef<
   TValue = unknown,
 > = ColumnDefBase<TData, TValue> & ColumnIdentifiers<TData, TValue>
 
-interface GroupColumnDefBase<TData extends RowData, TValue = unknown>
-  extends ColumnDefBase<TData, TValue> {
+interface GroupColumnDefBase<
+  TData extends RowData,
+  TValue = unknown,
+> extends ColumnDefBase<TData, TValue> {
   columns?: ColumnDef<TData, any>[]
 }
 
@@ -338,7 +348,8 @@ export type ColumnDefResolved<
 }
 
 export interface Column<TData extends RowData, TValue = unknown>
-  extends CoreColumn<TData, TValue>,
+  extends
+    CoreColumn<TData, TValue>,
     ColumnVisibilityColumn,
     ColumnPinningColumn,
     FacetedColumn<TData>,
@@ -350,12 +361,11 @@ export interface Column<TData extends RowData, TValue = unknown>
     ColumnOrderColumn {}
 
 export interface Cell<TData extends RowData, TValue>
-  extends CoreCell<TData, TValue>,
-    GroupingCell {}
+  extends CoreCell<TData, TValue>, GroupingCell {}
 
 export interface Header<TData extends RowData, TValue>
-  extends CoreHeader<TData, TValue>,
-    ColumnSizingHeader {}
+  extends CoreHeader<TData, TValue>, ColumnSizingHeader {}
 
-export interface HeaderGroup<TData extends RowData>
-  extends CoreHeaderGroup<TData> {}
+export interface HeaderGroup<
+  TData extends RowData,
+> extends CoreHeaderGroup<TData> {}
diff --git a/packages/table-core/src/utils.ts b/packages/table-core/src/utils.ts
index 77be57d750..c1f02a7c61 100755
--- a/packages/table-core/src/utils.ts
+++ b/packages/table-core/src/utils.ts
@@ -90,7 +90,7 @@ export function noop() {
 
 export function makeStateUpdater<K extends keyof TableState>(
   key: K,
-  instance: unknown
+  instance: unknown,
 ) {
   return (updater: Updater<TableState[K]>) => {
     ;(instance as any).setState(<TTableState>(old: TTableState) => {
@@ -109,17 +109,17 @@ export function isFunction<T extends AnyFunction>(d: any): d is T {
 }
 
 export function isNumberArray(d: any): d is number[] {
-  return Array.isArray(d) && d.every(val => typeof val === 'number')
+  return Array.isArray(d) && d.every((val) => typeof val === 'number')
 }
 
 export function flattenBy<TNode>(
   arr: TNode[],
-  getChildren: (item: TNode) => TNode[]
+  getChildren: (item: TNode) => TNode[],
 ) {
   const flat: TNode[] = []
 
   const recurse = (subArr: TNode[]) => {
-    subArr.forEach(item => {
+    subArr.forEach((item) => {
       flat.push(item)
       const children = getChildren(item)
       if (children?.length) {
@@ -140,12 +140,12 @@ export function memo<TDeps extends readonly any[], TDepArgs, TResult>(
     key: any
     debug?: () => any
     onChange?: (result: TResult) => void
-  }
+  },
 ): (depArgs?: TDepArgs) => TResult {
   let deps: any[] = []
   let result: TResult | undefined
 
-  return depArgs => {
+  return (depArgs) => {
     let depTime: number
     if (opts.key && opts.debug) depTime = Date.now()
 
@@ -188,9 +188,9 @@ export function memo<TDeps extends readonly any[], TDepArgs, TResult>(
             font-weight: bold;
             color: hsl(${Math.max(
               0,
-              Math.min(120 - 120 * resultFpsPercentage, 120)
+              Math.min(120 - 120 * resultFpsPercentage, 120),
             )}deg 100% 31%);`,
-          opts?.key
+          opts?.key,
         )
       }
     }
@@ -209,7 +209,7 @@ export function getMemoOptions(
     | 'debugRows'
     | 'debugHeaders',
   key: string,
-  onChange?: (result: any) => void
+  onChange?: (result: any) => void,
 ) {
   return {
     debug: () => tableOptions?.debugAll ?? tableOptions[debugLevel],
diff --git a/packages/table-core/src/utils/filterRowsUtils.ts b/packages/table-core/src/utils/filterRowsUtils.ts
index a27258f145..f764734a77 100644
--- a/packages/table-core/src/utils/filterRowsUtils.ts
+++ b/packages/table-core/src/utils/filterRowsUtils.ts
@@ -4,7 +4,7 @@ import { Row, RowModel, Table, RowData } from '../types'
 export function filterRows<TData extends RowData>(
   rows: Row<TData>[],
   filterRowImpl: (row: Row<TData>) => any,
-  table: Table<TData>
+  table: Table<TData>,
 ) {
   if (table.options.filterFromLeafRows) {
     return filterRowModelFromLeafs(rows, filterRowImpl, table)
@@ -16,7 +16,7 @@ export function filterRows<TData extends RowData>(
 function filterRowModelFromLeafs<TData extends RowData>(
   rowsToFilter: Row<TData>[],
   filterRow: (row: Row<TData>) => Row<TData>[],
-  table: Table<TData>
+  table: Table<TData>,
 ): RowModel<TData> {
   const newFilteredFlatRows: Row<TData>[] = []
   const newFilteredRowsById: Record<string, Row<TData>> = {}
@@ -36,7 +36,7 @@ function filterRowModelFromLeafs<TData extends RowData>(
         row.index,
         row.depth,
         undefined,
-        row.parentId
+        row.parentId,
       )
       newRow.columnFilters = row.columnFilters
 
@@ -80,7 +80,7 @@ function filterRowModelFromLeafs<TData extends RowData>(
 function filterRowModelFromRoot<TData extends RowData>(
   rowsToFilter: Row<TData>[],
   filterRow: (row: Row<TData>) => any,
-  table: Table<TData>
+  table: Table<TData>,
 ): RowModel<TData> {
   const newFilteredFlatRows: Row<TData>[] = []
   const newFilteredRowsById: Record<string, Row<TData>> = {}
@@ -107,7 +107,7 @@ function filterRowModelFromRoot<TData extends RowData>(
             row.index,
             row.depth,
             undefined,
-            row.parentId
+            row.parentId,
           )
           newRow.subRows = recurseFilterRows(row.subRows, depth + 1)
           row = newRow
diff --git a/packages/table-core/src/utils/getCoreRowModel.ts b/packages/table-core/src/utils/getCoreRowModel.ts
index e6f7349a27..8c81068933 100644
--- a/packages/table-core/src/utils/getCoreRowModel.ts
+++ b/packages/table-core/src/utils/getCoreRowModel.ts
@@ -3,13 +3,13 @@ import { Table, Row, RowModel, RowData } from '../types'
 import { getMemoOptions, memo } from '../utils'
 
 export function getCoreRowModel<TData extends RowData>(): (
-  table: Table<TData>
+  table: Table<TData>,
 ) => () => RowModel<TData> {
-  return table =>
+  return (table) =>
     memo(
       () => [table.options.data],
       (
-        data
+        data,
       ): {
         rows: Row<TData>[]
         flatRows: Row<TData>[]
@@ -24,7 +24,7 @@ export function getCoreRowModel<TData extends RowData>(): (
         const accessRows = (
           originalRows: TData[],
           depth = 0,
-          parentRow?: Row<TData>
+          parentRow?: Row<TData>,
         ): Row<TData>[] => {
           const rows = [] as Row<TData>[]
 
@@ -44,7 +44,7 @@ export function getCoreRowModel<TData extends RowData>(): (
               i,
               depth,
               undefined,
-              parentRow?.id
+              parentRow?.id,
             )
 
             // Keep track of every row in a flat array
@@ -58,7 +58,7 @@ export function getCoreRowModel<TData extends RowData>(): (
             if (table.options.getSubRows) {
               row.originalSubRows = table.options.getSubRows(
                 originalRows[i]!,
-                i
+                i,
               )
 
               // Then recursively access them
@@ -76,7 +76,7 @@ export function getCoreRowModel<TData extends RowData>(): (
         return rowModel
       },
       getMemoOptions(table.options, 'debugTable', 'getRowModel', () =>
-        table._autoResetPageIndex()
-      )
+        table._autoResetPageIndex(),
+      ),
     )
 }
diff --git a/packages/table-core/src/utils/getExpandedRowModel.ts b/packages/table-core/src/utils/getExpandedRowModel.ts
index 2890b6e7f3..573e5871ca 100644
--- a/packages/table-core/src/utils/getExpandedRowModel.ts
+++ b/packages/table-core/src/utils/getExpandedRowModel.ts
@@ -2,9 +2,9 @@ import { Table, Row, RowModel, RowData } from '../types'
 import { getMemoOptions, memo } from '../utils'
 
 export function getExpandedRowModel<TData extends RowData>(): (
-  table: Table<TData>
+  table: Table<TData>,
 ) => () => RowModel<TData> {
-  return table =>
+  return (table) =>
     memo(
       () => [
         table.getState().expanded,
@@ -26,7 +26,7 @@ export function getExpandedRowModel<TData extends RowData>(): (
 
         return expandRows(rowModel)
       },
-      getMemoOptions(table.options, 'debugTable', 'getExpandedRowModel')
+      getMemoOptions(table.options, 'debugTable', 'getExpandedRowModel'),
     )
 }
 
diff --git a/packages/table-core/src/utils/getFacetedMinMaxValues.ts b/packages/table-core/src/utils/getFacetedMinMaxValues.ts
index 129ed4b47f..41c7b39534 100644
--- a/packages/table-core/src/utils/getFacetedMinMaxValues.ts
+++ b/packages/table-core/src/utils/getFacetedMinMaxValues.ts
@@ -3,18 +3,18 @@ import { getMemoOptions, memo } from '../utils'
 
 export function getFacetedMinMaxValues<TData extends RowData>(): (
   table: Table<TData>,
-  columnId: string
+  columnId: string,
 ) => () => undefined | [number, number] {
   return (table, columnId) =>
     memo(
       () => [table.getColumn(columnId)?.getFacetedRowModel()],
-      facetedRowModel => {
+      (facetedRowModel) => {
         if (!facetedRowModel) return undefined
 
         const uniqueValues = facetedRowModel.flatRows
-          .flatMap(flatRow => flatRow.getUniqueValues(columnId) ?? [])
+          .flatMap((flatRow) => flatRow.getUniqueValues(columnId) ?? [])
           .map(Number)
-          .filter(value => !Number.isNaN(value))
+          .filter((value) => !Number.isNaN(value))
 
         if (!uniqueValues.length) return
 
@@ -28,6 +28,6 @@ export function getFacetedMinMaxValues<TData extends RowData>(): (
 
         return [facetedMinValue, facetedMaxValue]
       },
-      getMemoOptions(table.options, 'debugTable', 'getFacetedMinMaxValues')
+      getMemoOptions(table.options, 'debugTable', 'getFacetedMinMaxValues'),
     )
 }
diff --git a/packages/table-core/src/utils/getFacetedRowModel.ts b/packages/table-core/src/utils/getFacetedRowModel.ts
index ab0110a469..cda4f760f1 100644
--- a/packages/table-core/src/utils/getFacetedRowModel.ts
+++ b/packages/table-core/src/utils/getFacetedRowModel.ts
@@ -4,7 +4,7 @@ import { filterRows } from './filterRowsUtils'
 
 export function getFacetedRowModel<TData extends RowData>(): (
   table: Table<TData>,
-  columnId: string
+  columnId: string,
 ) => () => RowModel<TData> {
   return (table, columnId) =>
     memo(
@@ -23,7 +23,7 @@ export function getFacetedRowModel<TData extends RowData>(): (
         }
 
         const filterableIds = [
-          ...columnFilters.map(d => d.id).filter(d => d !== columnId),
+          ...columnFilters.map((d) => d.id).filter((d) => d !== columnId),
           globalFilter ? '__global__' : undefined,
         ].filter(Boolean) as string[]
 
@@ -39,6 +39,6 @@ export function getFacetedRowModel<TData extends RowData>(): (
 
         return filterRows(preRowModel.rows, filterRowsImpl, table)
       },
-      getMemoOptions(table.options, 'debugTable', 'getFacetedRowModel')
+      getMemoOptions(table.options, 'debugTable', 'getFacetedRowModel'),
     )
 }
diff --git a/packages/table-core/src/utils/getFacetedUniqueValues.ts b/packages/table-core/src/utils/getFacetedUniqueValues.ts
index 93f957f170..a609f4b8df 100644
--- a/packages/table-core/src/utils/getFacetedUniqueValues.ts
+++ b/packages/table-core/src/utils/getFacetedUniqueValues.ts
@@ -3,12 +3,12 @@ import { getMemoOptions, memo } from '../utils'
 
 export function getFacetedUniqueValues<TData extends RowData>(): (
   table: Table<TData>,
-  columnId: string
+  columnId: string,
 ) => () => Map<any, number> {
   return (table, columnId) =>
     memo(
       () => [table.getColumn(columnId)?.getFacetedRowModel()],
-      facetedRowModel => {
+      (facetedRowModel) => {
         if (!facetedRowModel) return new Map()
 
         let facetedUniqueValues = new Map<any, number>()
@@ -23,7 +23,7 @@ export function getFacetedUniqueValues<TData extends RowData>(): (
             if (facetedUniqueValues.has(value)) {
               facetedUniqueValues.set(
                 value,
-                (facetedUniqueValues.get(value) ?? 0) + 1
+                (facetedUniqueValues.get(value) ?? 0) + 1,
               )
             } else {
               facetedUniqueValues.set(value, 1)
@@ -36,7 +36,7 @@ export function getFacetedUniqueValues<TData extends RowData>(): (
       getMemoOptions(
         table.options,
         'debugTable',
-        `getFacetedUniqueValues_${columnId}`
-      )
+        `getFacetedUniqueValues_${columnId}`,
+      ),
     )
 }
diff --git a/packages/table-core/src/utils/getFilteredRowModel.ts b/packages/table-core/src/utils/getFilteredRowModel.ts
index c04341ad2a..3d09f0af2e 100644
--- a/packages/table-core/src/utils/getFilteredRowModel.ts
+++ b/packages/table-core/src/utils/getFilteredRowModel.ts
@@ -4,9 +4,9 @@ import { getMemoOptions, memo } from '../utils'
 import { filterRows } from './filterRowsUtils'
 
 export function getFilteredRowModel<TData extends RowData>(): (
-  table: Table<TData>
+  table: Table<TData>,
 ) => () => RowModel<TData> {
-  return table =>
+  return (table) =>
     memo(
       () => [
         table.getPreFilteredRowModel(),
@@ -28,7 +28,7 @@ export function getFilteredRowModel<TData extends RowData>(): (
         const resolvedColumnFilters: ResolvedColumnFilter<TData>[] = []
         const resolvedGlobalFilters: ResolvedColumnFilter<TData>[] = []
 
-        ;(columnFilters ?? []).forEach(d => {
+        ;(columnFilters ?? []).forEach((d) => {
           const column = table.getColumn(d.id)
 
           if (!column) {
@@ -40,7 +40,7 @@ export function getFilteredRowModel<TData extends RowData>(): (
           if (!filterFn) {
             if (process.env.NODE_ENV !== 'production') {
               console.warn(
-                `Could not find a valid 'column.filterFn' for column with the ID: ${column.id}.`
+                `Could not find a valid 'column.filterFn' for column with the ID: ${column.id}.`,
               )
             }
             return
@@ -53,13 +53,13 @@ export function getFilteredRowModel<TData extends RowData>(): (
           })
         })
 
-        const filterableIds = (columnFilters ?? []).map(d => d.id)
+        const filterableIds = (columnFilters ?? []).map((d) => d.id)
 
         const globalFilterFn = table.getGlobalFilterFn()
 
         const globallyFilterableColumns = table
           .getAllLeafColumns()
-          .filter(column => column.getCanGlobalFilter())
+          .filter((column) => column.getCanGlobalFilter())
 
         if (
           globalFilter &&
@@ -68,7 +68,7 @@ export function getFilteredRowModel<TData extends RowData>(): (
         ) {
           filterableIds.push('__global__')
 
-          globallyFilterableColumns.forEach(column => {
+          globallyFilterableColumns.forEach((column) => {
             resolvedGlobalFilters.push({
               id: column.id,
               filterFn: globalFilterFn,
@@ -98,9 +98,9 @@ export function getFilteredRowModel<TData extends RowData>(): (
                 row,
                 id,
                 currentColumnFilter.resolvedValue,
-                filterMeta => {
+                (filterMeta) => {
                   row.columnFiltersMeta[id] = filterMeta
-                }
+                },
               )
             }
           }
@@ -115,9 +115,9 @@ export function getFilteredRowModel<TData extends RowData>(): (
                   row,
                   id,
                   currentGlobalFilter.resolvedValue,
-                  filterMeta => {
+                  (filterMeta) => {
                     row.columnFiltersMeta[id] = filterMeta
-                  }
+                  },
                 )
               ) {
                 row.columnFilters.__global__ = true
@@ -145,7 +145,7 @@ export function getFilteredRowModel<TData extends RowData>(): (
         return filterRows(rowModel.rows, filterRowsImpl, table)
       },
       getMemoOptions(table.options, 'debugTable', 'getFilteredRowModel', () =>
-        table._autoResetPageIndex()
-      )
+        table._autoResetPageIndex(),
+      ),
     )
 }
diff --git a/packages/table-core/src/utils/getGroupedRowModel.ts b/packages/table-core/src/utils/getGroupedRowModel.ts
index da97631913..33267bcaa1 100644
--- a/packages/table-core/src/utils/getGroupedRowModel.ts
+++ b/packages/table-core/src/utils/getGroupedRowModel.ts
@@ -4,14 +4,14 @@ import { flattenBy, getMemoOptions, memo } from '../utils'
 import { GroupingState } from '../features/ColumnGrouping'
 
 export function getGroupedRowModel<TData extends RowData>(): (
-  table: Table<TData>
+  table: Table<TData>,
 ) => () => RowModel<TData> {
-  return table =>
+  return (table) =>
     memo(
       () => [table.getState().grouping, table.getPreGroupedRowModel()],
       (grouping, rowModel) => {
         if (!rowModel.rows.length || !grouping.length) {
-          rowModel.rows.forEach(row => {
+          rowModel.rows.forEach((row) => {
             row.depth = 0
             row.parentId = undefined
           })
@@ -19,8 +19,8 @@ export function getGroupedRowModel<TData extends RowData>(): (
         }
 
         // Filter the grouping list down to columns that exist
-        const existingGrouping = grouping.filter(columnId =>
-          table.getColumn(columnId)
+        const existingGrouping = grouping.filter((columnId) =>
+          table.getColumn(columnId),
         )
 
         const groupedFlatRows: Row<TData>[] = []
@@ -34,12 +34,12 @@ export function getGroupedRowModel<TData extends RowData>(): (
         const groupUpRecursively = (
           rows: Row<TData>[],
           depth = 0,
-          parentId?: string
+          parentId?: string,
         ) => {
           // Grouping depth has been been met
           // Stop grouping and simply rewrite thd depth and row relationships
           if (depth >= existingGrouping.length) {
-            return rows.map(row => {
+            return rows.map((row) => {
               row.depth = depth
 
               groupedFlatRows.push(row)
@@ -67,13 +67,13 @@ export function getGroupedRowModel<TData extends RowData>(): (
               // First, Recurse to group sub rows before aggregation
               const subRows = groupUpRecursively(groupedRows, depth + 1, id)
 
-              subRows.forEach(subRow => {
+              subRows.forEach((subRow) => {
                 subRow.parentId = id
               })
 
               // Flatten the leaf rows of the rows in this group
               const leafRows = depth
-                ? flattenBy(groupedRows, row => row.subRows)
+                ? flattenBy(groupedRows, (row) => row.subRows)
                 : groupedRows
 
               const row = createRow(
@@ -83,7 +83,7 @@ export function getGroupedRowModel<TData extends RowData>(): (
                 index,
                 depth,
                 undefined,
-                parentId
+                parentId,
               )
 
               Object.assign(row, {
@@ -118,7 +118,7 @@ export function getGroupedRowModel<TData extends RowData>(): (
                     row._groupingValuesCache[columnId] = aggregateFn(
                       columnId,
                       leafRows,
-                      groupedRows
+                      groupedRows,
                     )
 
                     return row._groupingValuesCache[columnId]
@@ -126,7 +126,7 @@ export function getGroupedRowModel<TData extends RowData>(): (
                 },
               })
 
-              subRows.forEach(subRow => {
+              subRows.forEach((subRow) => {
                 groupedFlatRows.push(subRow)
                 groupedRowsById[subRow.id] = subRow
                 // if (subRow.getIsGrouped?.()) {
@@ -139,7 +139,7 @@ export function getGroupedRowModel<TData extends RowData>(): (
               })
 
               return row
-            }
+            },
           )
 
           return aggregatedGroupedRows
@@ -147,7 +147,7 @@ export function getGroupedRowModel<TData extends RowData>(): (
 
         const groupedRows = groupUpRecursively(rowModel.rows, 0)
 
-        groupedRows.forEach(subRow => {
+        groupedRows.forEach((subRow) => {
           groupedFlatRows.push(subRow)
           groupedRowsById[subRow.id] = subRow
           // if (subRow.getIsGrouped?.()) {
@@ -170,7 +170,7 @@ export function getGroupedRowModel<TData extends RowData>(): (
           table._autoResetExpanded()
           table._autoResetPageIndex()
         })
-      })
+      }),
     )
 }
 
diff --git a/packages/table-core/src/utils/getPaginationRowModel.ts b/packages/table-core/src/utils/getPaginationRowModel.ts
index 9119a5dc23..1529b01181 100644
--- a/packages/table-core/src/utils/getPaginationRowModel.ts
+++ b/packages/table-core/src/utils/getPaginationRowModel.ts
@@ -5,7 +5,7 @@ import { expandRows } from './getExpandedRowModel'
 export function getPaginationRowModel<TData extends RowData>(opts?: {
   initialSync: boolean
 }): (table: Table<TData>) => () => RowModel<TData> {
-  return table =>
+  return (table) =>
     memo(
       () => [
         table.getState().pagination,
@@ -55,6 +55,6 @@ export function getPaginationRowModel<TData extends RowData>(opts?: {
 
         return paginatedRowModel
       },
-      getMemoOptions(table.options, 'debugTable', 'getPaginationRowModel')
+      getMemoOptions(table.options, 'debugTable', 'getPaginationRowModel'),
     )
 }
diff --git a/packages/table-core/src/utils/getSortedRowModel.ts b/packages/table-core/src/utils/getSortedRowModel.ts
index 928c26448f..929b836736 100644
--- a/packages/table-core/src/utils/getSortedRowModel.ts
+++ b/packages/table-core/src/utils/getSortedRowModel.ts
@@ -3,9 +3,9 @@ import { SortingFn } from '../features/RowSorting'
 import { getMemoOptions, memo } from '../utils'
 
 export function getSortedRowModel<TData extends RowData>(): (
-  table: Table<TData>
+  table: Table<TData>,
 ) => () => RowModel<TData> {
-  return table =>
+  return (table) =>
     memo(
       () => [table.getState().sorting, table.getPreSortedRowModel()],
       (sorting, rowModel) => {
@@ -18,8 +18,8 @@ export function getSortedRowModel<TData extends RowData>(): (
         const sortedFlatRows: Row<TData>[] = []
 
         // Filter out sortings that correspond to non existing columns
-        const availableSorting = sortingState.filter(sort =>
-          table.getColumn(sort.id)?.getCanSort()
+        const availableSorting = sortingState.filter((sort) =>
+          table.getColumn(sort.id)?.getCanSort(),
         )
 
         const columnInfoById: Record<
@@ -31,7 +31,7 @@ export function getSortedRowModel<TData extends RowData>(): (
           }
         > = {}
 
-        availableSorting.forEach(sortEntry => {
+        availableSorting.forEach((sortEntry) => {
           const column = table.getColumn(sortEntry.id)
           if (!column) return
 
@@ -45,7 +45,7 @@ export function getSortedRowModel<TData extends RowData>(): (
         const sortData = (rows: Row<TData>[]) => {
           // This will also perform a stable sorting using the row index
           // if needed.
-          const sortedData = rows.map(row => ({ ...row }))
+          const sortedData = rows.map((row) => ({ ...row }))
 
           sortedData.sort((rowA, rowB) => {
             for (let i = 0; i < availableSorting.length; i += 1) {
@@ -98,7 +98,7 @@ export function getSortedRowModel<TData extends RowData>(): (
           })
 
           // If there are sub-rows, sort them
-          sortedData.forEach(row => {
+          sortedData.forEach((row) => {
             sortedFlatRows.push(row)
             if (row.subRows?.length) {
               row.subRows = sortData(row.subRows)
@@ -115,7 +115,7 @@ export function getSortedRowModel<TData extends RowData>(): (
         }
       },
       getMemoOptions(table.options, 'debugTable', 'getSortedRowModel', () =>
-        table._autoResetPageIndex()
-      )
+        table._autoResetPageIndex(),
+      ),
     )
 }
diff --git a/packages/table-core/tests/RowPinning.test.ts b/packages/table-core/tests/RowPinning.test.ts
index a034422cc8..6e20b68fcb 100644
--- a/packages/table-core/tests/RowPinning.test.ts
+++ b/packages/table-core/tests/RowPinning.test.ts
@@ -14,7 +14,7 @@ type PersonColumn = ColumnDef<Person, string | number | Person[] | undefined>
 function generateColumns(people: Person[]): PersonColumn[] {
   const columnHelper = createColumnHelper<Person>()
   const person = people[0]
-  return Object.keys(person).map(key => {
+  return Object.keys(person).map((key) => {
     const typedKey = key as personKeys
     return columnHelper.accessor(typedKey, { id: typedKey })
   })
diff --git a/packages/table-core/tests/RowSelection.test.ts b/packages/table-core/tests/RowSelection.test.ts
index 38bdfb7dcb..266bf27806 100644
--- a/packages/table-core/tests/RowSelection.test.ts
+++ b/packages/table-core/tests/RowSelection.test.ts
@@ -14,7 +14,7 @@ type PersonColumn = ColumnDef<Person, string | number | Person[] | undefined>
 function generateColumns(people: Person[]): PersonColumn[] {
   const columnHelper = createColumnHelper<Person>()
   const person = people[0]
-  return Object.keys(person).map(key => {
+  return Object.keys(person).map((key) => {
     const typedKey = key as personKeys
     return columnHelper.accessor(typedKey, { id: typedKey })
   })
@@ -31,7 +31,7 @@ describe('RowSelection', () => {
         onStateChange() {},
         renderFallbackValue: '',
         data,
-        getSubRows: row => row.subRows,
+        getSubRows: (row) => row.subRows,
         state: {
           rowSelection: {
             '0': true,
@@ -60,7 +60,7 @@ describe('RowSelection', () => {
         onStateChange() {},
         renderFallbackValue: '',
         data,
-        getSubRows: row => row.subRows,
+        getSubRows: (row) => row.subRows,
         state: {
           rowSelection: {
             '0': true,
@@ -89,7 +89,7 @@ describe('RowSelection', () => {
         onStateChange() {},
         renderFallbackValue: '',
         data,
-        getSubRows: row => row.subRows,
+        getSubRows: (row) => row.subRows,
         state: {
           rowSelection: {},
         },
@@ -167,7 +167,7 @@ describe('RowSelection', () => {
       const result = RowSelection.isSubRowSelected(
         firstRow,
         table.getState().rowSelection,
-        table
+        table,
       )
 
       expect(result).toEqual(false)
@@ -182,7 +182,7 @@ describe('RowSelection', () => {
         onStateChange() {},
         renderFallbackValue: '',
         data,
-        getSubRows: row => row.subRows,
+        getSubRows: (row) => row.subRows,
         state: {
           rowSelection: {},
         },
@@ -195,7 +195,7 @@ describe('RowSelection', () => {
       const result = RowSelection.isSubRowSelected(
         firstRow,
         table.getState().rowSelection,
-        table
+        table,
       )
 
       expect(result).toEqual(false)
@@ -210,7 +210,7 @@ describe('RowSelection', () => {
         onStateChange() {},
         renderFallbackValue: '',
         data,
-        getSubRows: row => row.subRows,
+        getSubRows: (row) => row.subRows,
         state: {
           rowSelection: {
             '0.0': true,
@@ -225,7 +225,7 @@ describe('RowSelection', () => {
       const result = RowSelection.isSubRowSelected(
         firstRow,
         table.getState().rowSelection,
-        table
+        table,
       )
 
       expect(result).toEqual('some')
@@ -240,7 +240,7 @@ describe('RowSelection', () => {
         onStateChange() {},
         renderFallbackValue: '',
         data,
-        getSubRows: row => row.subRows,
+        getSubRows: (row) => row.subRows,
         state: {
           rowSelection: {
             '0.0': true,
@@ -256,7 +256,7 @@ describe('RowSelection', () => {
       const result = RowSelection.isSubRowSelected(
         firstRow,
         table.getState().rowSelection,
-        table
+        table,
       )
 
       expect(result).toEqual('all')
@@ -266,11 +266,11 @@ describe('RowSelection', () => {
       const columns = generateColumns(data)
 
       const table = createTable<Person>({
-        enableRowSelection: row => row.index === 0, // only first row is selectable (of 2 sub-rows)
+        enableRowSelection: (row) => row.index === 0, // only first row is selectable (of 2 sub-rows)
         onStateChange() {},
         renderFallbackValue: '',
         data,
-        getSubRows: row => row.subRows,
+        getSubRows: (row) => row.subRows,
         state: {
           rowSelection: {
             '0.0': true, // first sub-row
@@ -285,7 +285,7 @@ describe('RowSelection', () => {
       const result = RowSelection.isSubRowSelected(
         firstRow,
         table.getState().rowSelection,
-        table
+        table,
       )
 
       expect(result).toEqual('all')
@@ -299,7 +299,7 @@ describe('RowSelection', () => {
         onStateChange() {},
         renderFallbackValue: '',
         data,
-        getSubRows: row => row.subRows,
+        getSubRows: (row) => row.subRows,
         state: {
           rowSelection: {
             '0.0.0': true, // first nested sub-row
@@ -314,7 +314,7 @@ describe('RowSelection', () => {
       const result = RowSelection.isSubRowSelected(
         firstRow,
         table.getState().rowSelection,
-        table
+        table,
       )
 
       expect(result).toEqual('some')
diff --git a/packages/table-core/tests/getGroupedRowModel.test.ts b/packages/table-core/tests/getGroupedRowModel.test.ts
index 2448547b75..16e3632588 100644
--- a/packages/table-core/tests/getGroupedRowModel.test.ts
+++ b/packages/table-core/tests/getGroupedRowModel.test.ts
@@ -11,7 +11,7 @@ type PersonColumn = ColumnDef<Person, string | number | Person[] | undefined>
 function generateColumns(people: Person[]): PersonColumn[] {
   const columnHelper = createColumnHelper<Person>()
   const person = people[0]
-  return Object.keys(person).map(key => {
+  return Object.keys(person).map((key) => {
     const typedKey = key as personKeys
     return columnHelper.accessor(typedKey, { id: typedKey })
   })
@@ -24,9 +24,9 @@ describe('#getGroupedRowModel', () => {
     const grouping = ['firstName', 'lastName', 'age']
     const start = new Date()
 
-    data.forEach(p => (p.firstName = 'Fixed'))
-    data.forEach(p => (p.lastName = 'Name'))
-    data.forEach(p => (p.age = 123))
+    data.forEach((p) => (p.firstName = 'Fixed'))
+    data.forEach((p) => (p.lastName = 'Name'))
+    data.forEach((p) => (p.age = 123))
 
     const table = createTable<Person>({
       onStateChange() {},
@@ -42,10 +42,10 @@ describe('#getGroupedRowModel', () => {
 
     expect(groupedById['firstName:Fixed'].leafRows.length).toEqual(50000)
     expect(
-      groupedById['firstName:Fixed>lastName:Name'].leafRows.length
+      groupedById['firstName:Fixed>lastName:Name'].leafRows.length,
     ).toEqual(50000)
     expect(
-      groupedById['firstName:Fixed>lastName:Name>age:123'].leafRows.length
+      groupedById['firstName:Fixed>lastName:Name>age:123'].leafRows.length,
     ).toEqual(50000)
     expect(end.valueOf() - start.valueOf()).toBeLessThan(5000)
   })
diff --git a/packages/vue-table/package.json b/packages/vue-table/package.json
index 730e417e30..3c820e15db 100644
--- a/packages/vue-table/package.json
+++ b/packages/vue-table/package.json
@@ -6,7 +6,7 @@
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "https://github.com/TanStack/table.git",
+    "url": "git+https://github.com/TanStack/table.git",
     "directory": "packages/vue-table"
   },
   "homepage": "https://tanstack.com/table",
diff --git a/packages/vue-table/rollup.config.mjs b/packages/vue-table/rollup.config.mjs
index d9685568cb..309729e056 100644
--- a/packages/vue-table/rollup.config.mjs
+++ b/packages/vue-table/rollup.config.mjs
@@ -13,5 +13,5 @@ export default defineConfig(
     globals: {
       vue: 'Vue',
     },
-  })
+  }),
 )
diff --git a/packages/vue-table/src/index.ts b/packages/vue-table/src/index.ts
index 1cd3823fe9..1ea766c261 100755
--- a/packages/vue-table/src/index.ts
+++ b/packages/vue-table/src/index.ts
@@ -43,7 +43,7 @@ export const FlexRender = defineComponent({
 })
 
 function getOptionsWithReactiveData<TData extends RowData>(
-  options: TableOptionsWithReactiveData<TData>
+  options: TableOptionsWithReactiveData<TData>,
 ) {
   return mergeProxy(options, {
     data: unref(options.data),
@@ -51,7 +51,7 @@ function getOptionsWithReactiveData<TData extends RowData>(
 }
 
 export function useVueTable<TData extends RowData>(
-  initialOptions: TableOptionsWithReactiveData<TData>
+  initialOptions: TableOptionsWithReactiveData<TData>,
 ) {
   const IS_REACTIVE = isRef(initialOptions.data)
 
@@ -62,7 +62,7 @@ export function useVueTable<TData extends RowData>(
       renderFallbackValue: null,
       mergeOptions(
         defaultOptions: TableOptions<TData>,
-        options: TableOptions<TData>
+        options: TableOptions<TData>,
       ) {
         return IS_REACTIVE
           ? {
@@ -72,11 +72,11 @@ export function useVueTable<TData extends RowData>(
           : mergeProxy(defaultOptions, options)
       },
     },
-    IS_REACTIVE ? getOptionsWithReactiveData(initialOptions) : initialOptions
+    IS_REACTIVE ? getOptionsWithReactiveData(initialOptions) : initialOptions,
   )
 
   const table = createTable<TData>(
-    resolvedOptions as TableOptionsResolved<TData>
+    resolvedOptions as TableOptionsResolved<TData>,
   )
 
   // Add reactivity support
@@ -85,12 +85,12 @@ export function useVueTable<TData extends RowData>(
     watch(
       dataRef,
       () => {
-        table.setState(prev => ({
+        table.setState((prev) => ({
           ...prev,
           data: dataRef.value,
         }))
       },
-      { immediate: true }
+      { immediate: true },
     )
   }
 
@@ -98,7 +98,7 @@ export function useVueTable<TData extends RowData>(
   const state = ref(table.initialState)
 
   watchEffect(() => {
-    table.setOptions(prev => {
+    table.setOptions((prev) => {
       const stateProxy = new Proxy({} as typeof state.value, {
         get: (_, prop) => state.value[prop as keyof typeof state.value],
       })
@@ -124,7 +124,7 @@ export function useVueTable<TData extends RowData>(
 
             initialOptions.onStateChange?.(updater)
           },
-        }
+        },
       )
     })
   })
diff --git a/packages/vue-table/src/merge-proxy.ts b/packages/vue-table/src/merge-proxy.ts
index c5605934b1..575bd39dd3 100644
--- a/packages/vue-table/src/merge-proxy.ts
+++ b/packages/vue-table/src/merge-proxy.ts
@@ -40,7 +40,7 @@ type BoxedTupleTypes<T extends any[]> = {
   [P in keyof T]: [UnboxLazy<T[P]>]
 }[Exclude<keyof T, keyof any[]>]
 type UnionToIntersection<U> = (U extends any ? (k: U) => void : never) extends (
-  k: infer I
+  k: infer I,
 ) => void
   ? I
   : never
@@ -76,6 +76,6 @@ export function mergeProxy(...sources: any): any {
         return [...Array.from(new Set(keys))]
       },
     },
-    propTraps
+    propTraps,
   )
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 179fedfad3..254d8e0175 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -69,14 +69,14 @@ importers:
         specifier: ^4.0.2
         version: 4.0.2
       nx:
-        specifier: ^19.3.2
-        version: 19.3.2
+        specifier: ^22.1.3
+        version: 22.1.3
       prettier:
-        specifier: ^3.3.2
-        version: 3.3.2
+        specifier: ^3.7.4
+        version: 3.7.4
       prettier-plugin-svelte:
         specifier: ^3.2.5
-        version: 3.2.5(prettier@3.3.2)(svelte@4.2.18)
+        version: 3.2.5(prettier@3.7.4)(svelte@4.2.18)
       rimraf:
         specifier: ^5.0.7
         version: 5.0.7
@@ -4560,6 +4560,15 @@ packages:
     peerDependencies:
       react: '>=16.8.0'
 
+  '@emnapi/core@1.7.1':
+    resolution: {integrity: sha512-o1uhUASyo921r2XtHYOHy7gdkGLge8ghBEQHMWmyJFoXlpU58kIrhhN3w26lpQb6dspetweapMn2CSNwQ8I4wg==}
+
+  '@emnapi/runtime@1.7.1':
+    resolution: {integrity: sha512-PVtJr5CmLwYAU9PZDMITZoR5iAOShYREoR45EyyLrbntV50mdePTgUn4AmOw90Ifcj+x2kRjdzr1HP3RrNiHGA==}
+
+  '@emnapi/wasi-threads@1.1.0':
+    resolution: {integrity: sha512-WI0DdZ8xFSbgMjR1sFsKABJ/C5OnRrjT06JXbZKexJGrDuPTzZdDYfFlsgcCXCyf+suG5QU2e/y1Wo2V/OapLQ==}
+
   '@emotion/babel-plugin-jsx-pragmatic@0.2.1':
     resolution: {integrity: sha512-xy1SlgEJygAAIvIuC2idkGKJYa6v5iwoyILkvNKgk347bV+IImXrUat5Z86EmLGyWhEoTplVT9EHqTnHZG4HFw==}
     peerDependencies:
@@ -5215,10 +5224,22 @@ packages:
     resolution: {integrity: sha512-ZXRY4jNvVgSVQ8DL3LTcakaAtXwTVUxE81hslsyD2AtoXW/wVob10HkOJ1X/pAlcI7D+2YoZKg5do8G/w6RYgA==}
     engines: {node: '>=8'}
 
+  '@jest/diff-sequences@30.0.1':
+    resolution: {integrity: sha512-n5H8QLDJ47QqbCNn5SuFjCRDrOLEZ0h8vAHCK5RL9Ls7Xa8AQLa/YxAc9UjFqoEDM48muwtBGjtMY5cr0PLDCw==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
+  '@jest/get-type@30.1.0':
+    resolution: {integrity: sha512-eMbZE2hUnx1WV0pmURZY9XoXPkUYjpc55mb0CrhtdWLtzMQPFvu/rZkTLZFTsdaVQa+Tr4eWAteqcUzoawq/uA==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
   '@jest/schemas@29.6.3':
     resolution: {integrity: sha512-mo5j5X+jIZmJQveBKeS/clAueipV7KgiX1vMgCxam1RNYiqE1w62n0/tJJnHtjW8ZHcQco5gY85jA3mi0L+nSA==}
     engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
 
+  '@jest/schemas@30.0.5':
+    resolution: {integrity: sha512-DmdYgtezMkh3cpU8/1uyXakv3tJRcmcXxBOcO0tbaozPwpmh4YMsnWrQm9ZmZMfa5ocbxzbFk6O4bDPEc/iAnA==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
   '@jridgewell/gen-mapping@0.3.5':
     resolution: {integrity: sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==}
     engines: {node: '>=6.0.0'}
@@ -5358,6 +5379,9 @@ packages:
       '@types/react':
         optional: true
 
+  '@napi-rs/wasm-runtime@0.2.4':
+    resolution: {integrity: sha512-9zESzOO5aDByvhIAsOy9TbpZ0Ur2AJbUI7UT73kcUTS2mxAMHOBaa1st/jAymNoCtvrit99kkzT1FZuXVcgfIQ==}
+
   '@ngtools/webpack@17.3.8':
     resolution: {integrity: sha512-CjSVVa/9fzMpEDQP01SC4colKCbZwj7vUq0H2bivp8jVsmd21x9Fu0gDBH0Y9NdfAIm4eGZvmiZKMII3vIOaYQ==}
     engines: {node: ^18.13.0 || >=20.9.0, npm: ^6.11.0 || ^7.5.6 || >=8.0.0, yarn: '>= 1.13.0'}
@@ -5427,67 +5451,53 @@ packages:
     resolution: {integrity: sha512-9ApYM/3+rBt9V80aYg6tZfzj3UWdiYyCt7gJUD1VJKvWF5nwKDSICXbYIQbspFTq6TOpbsEtIC0LArB8d9PFmg==}
     engines: {node: ^16.14.0 || >=18.0.0}
 
-  '@nrwl/tao@19.3.2':
-    resolution: {integrity: sha512-I1gW7woqwU6rdlgwj6XXAKcreJ5ptRKI2WpLdZErkrPmaRG/jMZx/yjZrG4PWdIEuZ4ZmYnRsoXbKN6ilCknQw==}
-    hasBin: true
-
-  '@nx/nx-darwin-arm64@19.3.2':
-    resolution: {integrity: sha512-MTqPTR1FwfVfIkHKUw95dFlPBN6mbqfJ+KzLHvUSPcqLKelhi82tsisjMoB5sNK0YWcNNVqYW72ojCnHVB0TUg==}
-    engines: {node: '>= 10'}
+  '@nx/nx-darwin-arm64@22.1.3':
+    resolution: {integrity: sha512-4D/jXGsr3jcQ0vBo8aXXZMdfmC3n4OsZ1zjFaOXlF62Ujug+RqI/IvKxycT9r7Lr09PmW2OqBC01NfIWKoBLhg==}
     cpu: [arm64]
     os: [darwin]
 
-  '@nx/nx-darwin-x64@19.3.2':
-    resolution: {integrity: sha512-C8s9X5AlVgl3V5PycLdX+75lpAWq0qQs6QUEAnyxrLM9l+/HRecgoW6uZ7tX6Fnd8WGfMIwyahBw4LyZgk6zTw==}
-    engines: {node: '>= 10'}
+  '@nx/nx-darwin-x64@22.1.3':
+    resolution: {integrity: sha512-XmdccOBp1Lx9DXUzYDX65mkFqFvXaxUKm1d63bfA43vxIYUpR59SASB81KRQ/Q4dgvvU27C0EJuxSJbXsSkSYw==}
     cpu: [x64]
     os: [darwin]
 
-  '@nx/nx-freebsd-x64@19.3.2':
-    resolution: {integrity: sha512-XeEpEU0iqJ/5cAPMmjqJ0Sdz89ZtDRj4NdksioyhAHri94X5/3lm3lDs4tB3nObT7p3QL7r/HP1itq5DHYmMSQ==}
-    engines: {node: '>= 10'}
+  '@nx/nx-freebsd-x64@22.1.3':
+    resolution: {integrity: sha512-O+o4mqPwhKxfdsri4KxDbXbjwIwr04GfTSfA0TwgXs6hFf68qmc45FAmPGrPSvxIJg9+mUVDeFirdS8GcUE0jQ==}
     cpu: [x64]
     os: [freebsd]
 
-  '@nx/nx-linux-arm-gnueabihf@19.3.2':
-    resolution: {integrity: sha512-r4Wl0P94QRBUyiexUcfwKxqFXp48avMG3L0no/ZuNWGODbw1w8ppA4vhnkXtXbIaMdaTGx9eIYO7kFJ2SwMCng==}
-    engines: {node: '>= 10'}
+  '@nx/nx-linux-arm-gnueabihf@22.1.3':
+    resolution: {integrity: sha512-ZIPDgzLq8qmvrZ3Bp+bWXam5uKwahjcChBNtORVtrHQfm4mxov2RMUMKTg2ZsVAWVP64zK+gmzG5LuoZjPMm4Q==}
     cpu: [arm]
     os: [linux]
 
-  '@nx/nx-linux-arm64-gnu@19.3.2':
-    resolution: {integrity: sha512-oaTC4iS1fXnc61ZgSxwCQ2GGIqY64G22udRqNsX9TOtgrT7UA/mjE3Si01r+0xODimOiB525ueyxdIh1MAu6Vg==}
-    engines: {node: '>= 10'}
+  '@nx/nx-linux-arm64-gnu@22.1.3':
+    resolution: {integrity: sha512-wgpPaTpQKl+cCkSuE5zamTVrg14mRvT+bLAeN/yHSUgMztvGxwl3Ll+K9DgEcktBo1PLECTWNkVaW8IAsJm4Rg==}
     cpu: [arm64]
     os: [linux]
 
-  '@nx/nx-linux-arm64-musl@19.3.2':
-    resolution: {integrity: sha512-yyO9bTM7FW7HTYsSQlL4lgbAexUBpzfhdK+RkgsCiW+U/5bi+jFRxo/SbqGUL+IVliFavWyRXahMqOOM6nBq/w==}
-    engines: {node: '>= 10'}
+  '@nx/nx-linux-arm64-musl@22.1.3':
+    resolution: {integrity: sha512-o9XmQehSPR2y0RD4evD+Ob3lNFuwsFOL5upVJqZ3rcE6GkJIFPg8SwEP5FaRIS5MwS04fxnek20NZ18BHjjV/g==}
     cpu: [arm64]
     os: [linux]
 
-  '@nx/nx-linux-x64-gnu@19.3.2':
-    resolution: {integrity: sha512-DC+llVdL4toLjQkDGBgzoCe26FWIOT+SzRdVcKePoNliZ4jDhkOh3+p75NEIOEcDUgoE9M2iCWEBUjkV978ogw==}
-    engines: {node: '>= 10'}
+  '@nx/nx-linux-x64-gnu@22.1.3':
+    resolution: {integrity: sha512-ekcinyDNTa2huVe02T2SFMR8oArohozRbMGO19zftbObXXI4dLdoAuLNb3vK9Pe4vYOpkhfxBVkZvcWMmx7JdA==}
     cpu: [x64]
     os: [linux]
 
-  '@nx/nx-linux-x64-musl@19.3.2':
-    resolution: {integrity: sha512-Wun4v+kuuqv20tJiCENkHGisDqfx029bFufqxx2IOe9TvD6vK4rMMkFVPUoK3FP8EBdaMW4nrR0ZucTFnStl6w==}
-    engines: {node: '>= 10'}
+  '@nx/nx-linux-x64-musl@22.1.3':
+    resolution: {integrity: sha512-CqpRIJeIgELCqIgjtSsYnnLi6G0uqjbp/Pw9d7w4im4/NmJXqaE9gxpdHA1eowXLgAy9W1LkfzCPS8Q2IScPuQ==}
     cpu: [x64]
     os: [linux]
 
-  '@nx/nx-win32-arm64-msvc@19.3.2':
-    resolution: {integrity: sha512-bNVf6eu5rWFjHvn0rKHeZYlHUcs3naXvvbduW1g0DPkHG6mt8FYffQmyboN+CSeBd/uWDPNyTUekVWwU7PjtLA==}
-    engines: {node: '>= 10'}
+  '@nx/nx-win32-arm64-msvc@22.1.3':
+    resolution: {integrity: sha512-YbuWb8KQsAR9G0+7b4HA16GV962/VWtRcdS7WY2yaScmPT2W5rObl528Y2j4DuB0j/MVZj12qJKrYfUyjL+UJA==}
     cpu: [arm64]
     os: [win32]
 
-  '@nx/nx-win32-x64-msvc@19.3.2':
-    resolution: {integrity: sha512-8DD5BPa5YrxTOKL3HTAgEd+IXNqRtJfwvbrn2MbOMNMyoMG9Zi5yhFvTH/HTT9Tz6VUHvXP16QWYA3R7eFi7Gg==}
-    engines: {node: '>= 10'}
+  '@nx/nx-win32-x64-msvc@22.1.3':
+    resolution: {integrity: sha512-G90Sp409ypeOUbmj6nmEbdy043KJUKaZ7pffxmM6i63yEe2F2WdmMgdi525vUEgmq+pfB9zQQOX1sDR/rPFvtg==}
     cpu: [x64]
     os: [win32]
 
@@ -5797,6 +5807,9 @@ packages:
   '@sinclair/typebox@0.27.8':
     resolution: {integrity: sha512-+Fj43pSMwJs4KRrH/938Uf+uAELIgVBmQzg/q1YG10djyfA3TnrU8N8XzqCh/okZdszqBQTZf96idMfE5lnwTA==}
 
+  '@sinclair/typebox@0.34.41':
+    resolution: {integrity: sha512-6gS8pZzSXdyRHTIqoqSVknxolr1kzfy4/CeDnrzsVz8TTIWUbOBr6gnzOmTYJ3eXQNh4IYHIGi5aIL7sOZ2G/g==}
+
   '@sindresorhus/merge-streams@2.3.0':
     resolution: {integrity: sha512-LtoMMhxAlorcGhmFYI+LhPgbPZCkgP6ra1YL604EeF6U98pLlQ3iWIGMdWSC+vWmPBWBNgmDBAhnAobLROJmwg==}
     engines: {node: '>=18'}
@@ -6035,6 +6048,9 @@ packages:
       typescript:
         optional: true
 
+  '@tybys/wasm-util@0.9.0':
+    resolution: {integrity: sha512-6+7nlbMVX/PVDCwaIQ8nTOPveOcFLSt8GcXdx8hD0bt39uWxYT88uXzqTd4fTvqta7oeUJqudepapKNt2DYJFw==}
+
   '@types/aria-query@5.0.4':
     resolution: {integrity: sha512-rfT93uj5s0PRL7EzccGMs3brplhcrghnDoV26NqKhCAS1hVo+WdNsPvE/yb6ilfr5hi2MEk6d5EWJTKdxg8jVw==}
 
@@ -6383,9 +6399,9 @@ packages:
   '@yarnpkg/lockfile@1.1.0':
     resolution: {integrity: sha512-GpSwvyXOcOOlV70vbnzjj4fW5xW/FdUF6nQEt1ENy7m4ZCczi1+/buVUPAqmGfqznsORNFzUMjctTIp8a9tuCQ==}
 
-  '@yarnpkg/parsers@3.0.0-rc.46':
-    resolution: {integrity: sha512-aiATs7pSutzda/rq8fnuPwTglyVwjM22bNnK2ZgjrpAjQHSSl3lztd2f9evst1W/qnC58DRz7T7QndUDumAR4Q==}
-    engines: {node: '>=14.15.0'}
+  '@yarnpkg/parsers@3.0.2':
+    resolution: {integrity: sha512-/HcYgtUSiJiot/XWGLOlGxPYUG65+/31V8oqk17vZLW1xlCoR4PampyePljOxY2n8/3jz9+tIFzICsyGujJZoA==}
+    engines: {node: '>=18.12.0'}
 
   '@zeit/schemas@2.36.0':
     resolution: {integrity: sha512-7kjMwcChYEzMKjeex9ZFXkt1AyNov9R5HZtjBKVsmVpw7pa7ZtlCGvCBC2vnnXctaYN+aRI61HjIqeetZW5ROg==}
@@ -6545,6 +6561,9 @@ packages:
     peerDependencies:
       postcss: ^8.1.0
 
+  axios@1.13.2:
+    resolution: {integrity: sha512-VPk9ebNqPcy5lRGuSlKx752IlDatOjT9paPlm8A7yOuW2Fbvp4X3JznJtT4f0GzGLLiWE9W8onz51SqLYwzGaA==}
+
   axios@1.7.2:
     resolution: {integrity: sha512-2A8QhOMrbomlDuiLeK9XibIBzuHeRcqqNOHp0Cyp5EoJ1IFDh+XZH3A6BkXtv0K4gFGCI0Y4BM7B1wOEi0Rmgw==}
 
@@ -6703,6 +6722,10 @@ packages:
     resolution: {integrity: sha512-qXCd4rh6I07cnDqh8V48/94Tc/WSfj+o3Gn6NZ0aZovS255bUx8O13uKxRFd2eWG0xgsco7+YItQNPaa5E85hg==}
     engines: {node: ^16.14.0 || >=18.0.0}
 
+  call-bind-apply-helpers@1.0.2:
+    resolution: {integrity: sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==}
+    engines: {node: '>= 0.4'}
+
   call-bind@1.0.7:
     resolution: {integrity: sha512-GHTSNSYICQ7scH7sZ+M2rFopRoLh8t2bLSW6BbgrtLsahOIB5iyAVJf9GjWK3cYTDaMj4XdBpM1cA6pIS0Kv2w==}
     engines: {node: '>= 0.4'}
@@ -7166,8 +7189,9 @@ packages:
     resolution: {integrity: sha512-ZmdL2rui+eB2YwhsWzjInR8LldtZHGDoQ1ugH85ppHKwpUHL7j7rN0Ti9NCnGiQbhaZ11FpR+7ao1dNsmduNUg==}
     engines: {node: '>=12'}
 
-  duplexer@0.1.2:
-    resolution: {integrity: sha512-jtD6YG370ZCIi/9GTaJKQxWTZD045+4R4hTk/x1UyoqadyJ9x9CgSi1RlVDQF8U2sxLLSnFkCaMihqljHIWgMg==}
+  dunder-proto@1.0.1:
+    resolution: {integrity: sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==}
+    engines: {node: '>= 0.4'}
 
   eastasianwidth@0.2.0:
     resolution: {integrity: sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==}
@@ -7254,6 +7278,10 @@ packages:
     resolution: {integrity: sha512-jxayLKShrEqqzJ0eumQbVhTYQM27CfT1T35+gCgDFoL82JLsXqTJ76zv6A0YLOgEnLUMvLzsDsGIrl8NFpT2gQ==}
     engines: {node: '>= 0.4'}
 
+  es-define-property@1.0.1:
+    resolution: {integrity: sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==}
+    engines: {node: '>= 0.4'}
+
   es-errors@1.3.0:
     resolution: {integrity: sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==}
     engines: {node: '>= 0.4'}
@@ -7261,6 +7289,14 @@ packages:
   es-module-lexer@1.5.4:
     resolution: {integrity: sha512-MVNK56NiMrOwitFB7cqDwq0CQutbw+0BvLshJSse0MUNU+y1FC3bUS/AQg7oUng+/wKrrki7JfmwtVHkVfPLlw==}
 
+  es-object-atoms@1.1.1:
+    resolution: {integrity: sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==}
+    engines: {node: '>= 0.4'}
+
+  es-set-tostringtag@2.1.0:
+    resolution: {integrity: sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==}
+    engines: {node: '>= 0.4'}
+
   es6-promise@3.3.1:
     resolution: {integrity: sha512-SOp9Phqvqn7jtEUxPWdWfWoLmyt2VaJ6MpvP9Comy1MceMXqE6bxvaTu4iaxpYYPzhny28Lc+M87/c2cPK6lDg==}
 
@@ -7468,6 +7504,10 @@ packages:
     resolution: {integrity: sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==}
     engines: {node: '>= 6'}
 
+  form-data@4.0.5:
+    resolution: {integrity: sha512-8RipRLol37bNs2bhoV67fiTEvdTrbMUYcFTiy3+wuuOnUog2QBHCZWXDRijWQfAkhBj2Uf5UnVaiWwA5vdd82w==}
+    engines: {node: '>= 6'}
+
   forwarded@0.2.0:
     resolution: {integrity: sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==}
     engines: {node: '>= 0.6'}
@@ -7534,10 +7574,18 @@ packages:
     resolution: {integrity: sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ==}
     engines: {node: '>= 0.4'}
 
+  get-intrinsic@1.3.0:
+    resolution: {integrity: sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==}
+    engines: {node: '>= 0.4'}
+
   get-package-type@0.1.0:
     resolution: {integrity: sha512-pjzuKtY64GYfWizNAJ0fr9VqttZkNiK2iS430LtIHzjBEr6bX8Am2zm4sW4Ro5wjWW5cAlRL1qAMTcXbjNAO2Q==}
     engines: {node: '>=8.0.0'}
 
+  get-proto@1.0.1:
+    resolution: {integrity: sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==}
+    engines: {node: '>= 0.4'}
+
   get-stream@6.0.1:
     resolution: {integrity: sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==}
     engines: {node: '>=10'}
@@ -7590,6 +7638,10 @@ packages:
   gopd@1.0.1:
     resolution: {integrity: sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==}
 
+  gopd@1.2.0:
+    resolution: {integrity: sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==}
+    engines: {node: '>= 0.4'}
+
   graceful-fs@4.2.11:
     resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==}
 
@@ -7618,6 +7670,14 @@ packages:
     resolution: {integrity: sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==}
     engines: {node: '>= 0.4'}
 
+  has-symbols@1.1.0:
+    resolution: {integrity: sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==}
+    engines: {node: '>= 0.4'}
+
+  has-tostringtag@1.0.2:
+    resolution: {integrity: sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==}
+    engines: {node: '>= 0.4'}
+
   hasown@2.0.2:
     resolution: {integrity: sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==}
     engines: {node: '>= 0.4'}
@@ -7748,6 +7808,10 @@ packages:
     resolution: {integrity: sha512-5Fytz/IraMjqpwfd34ke28PTVMjZjJG2MPn5t7OE4eUCUNf8BAa7b5WUS9/Qvr6mwOQS7Mk6vdsMno5he+T8Xw==}
     engines: {node: '>= 4'}
 
+  ignore@7.0.5:
+    resolution: {integrity: sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg==}
+    engines: {node: '>= 4'}
+
   image-size@0.5.5:
     resolution: {integrity: sha512-6TDAlDPZxUFCv+fuOkIoXT/V/f3Qbq8e37p+YOiYrUv3v9cc3/6x78VdfPgFVaB9dZYeLUfKgHRebpkm/oP2VQ==}
     engines: {node: '>=0.10.0'}
@@ -7965,13 +8029,9 @@ packages:
   jasmine-core@5.1.2:
     resolution: {integrity: sha512-2oIUMGn00FdUiqz6epiiJr7xcFyNYj3rDcfmnzfkBnHyBQ3cBQUs4mmyGsOb7TTLb9kxk7dBcmEmqhDKkBoDyA==}
 
-  jest-diff@29.7.0:
-    resolution: {integrity: sha512-LMIgiIrhigmPrs03JHpxUh2yISK3vLFPkAodPeo0+BuF7wA2FoQbkEg1u8gBYBThncu7e1oEDUfIXVuTqLRUjw==}
-    engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
-
-  jest-get-type@29.6.3:
-    resolution: {integrity: sha512-zrteXnqYxfQh7l5FHyL38jL39di8H8rHoecLH3JNxH3BwOrBsNeabdap5e0I23lD4HHI8W5VFBZqG4Eaq5LNcw==}
-    engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
+  jest-diff@30.2.0:
+    resolution: {integrity: sha512-dQHFo3Pt4/NLlG5z4PxZ/3yZTZ1C7s9hveiOj+GCN+uT109NC2QgsoVZsVOAvbJ3RgKkvyLGXZV9+piDpWbm6A==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
 
   jest-worker@27.5.1:
     resolution: {integrity: sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==}
@@ -8131,8 +8191,8 @@ packages:
   lines-and-columns@1.2.4:
     resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==}
 
-  lines-and-columns@2.0.4:
-    resolution: {integrity: sha512-wM1+Z03eypVAVUCE7QdSqpVIvelbOakn1M0bPDoA4SGWPx3sNDVUiMo3L6To6WWGClB7VyXnhQ4Sn7gxiJbE6A==}
+  lines-and-columns@2.0.3:
+    resolution: {integrity: sha512-cNOjgCnLB+FnvWWtyRTzmB3POJ+cXxTA81LoW7u8JdmhfXzriropYwpjShnz1QLLWsQwY7nIxoDmcPTwphDK9w==}
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
 
   lit-element@4.0.6:
@@ -8251,6 +8311,10 @@ packages:
     engines: {node: '>= 18'}
     hasBin: true
 
+  math-intrinsics@1.1.0:
+    resolution: {integrity: sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==}
+    engines: {node: '>= 0.4'}
+
   mdn-data@2.0.30:
     resolution: {integrity: sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==}
 
@@ -8573,8 +8637,8 @@ packages:
   nwsapi@2.2.10:
     resolution: {integrity: sha512-QK0sRs7MKv0tKe1+5uZIQk/C8XGza4DAnztJG8iD+TpJIORARrCxczA738awHrZoHeTjSSoHqao2teO0dC/gFQ==}
 
-  nx@19.3.2:
-    resolution: {integrity: sha512-eKWs+ahkTKnq9EeWJCE4u8JLeq1cOHnq5DKoiisy2nwUg4KGy1odReegxUMLeEgNBcMI40EUtEJFiTMJSXZQeg==}
+  nx@22.1.3:
+    resolution: {integrity: sha512-8zS/jhz1ZYSlW3tDEkqIA3oXaS/BTnpuFNV6L3tGKAaIxdn1sD5BuOdxIVK+G/TaoxOhw2iKrGiZeSSpV7fILw==}
     hasBin: true
     peerDependencies:
       '@swc-node/register': ^1.8.0
@@ -8903,8 +8967,8 @@ packages:
     engines: {node: '>=10.13.0'}
     hasBin: true
 
-  prettier@3.3.2:
-    resolution: {integrity: sha512-rAVeHYMcv8ATV5d508CFdn+8/pHPpXeIid1DdrPwXnaAdH7cqjVbpJaT5eq4yRAFU/lsbwYwSF/n5iNrdJHPQA==}
+  prettier@3.7.4:
+    resolution: {integrity: sha512-v6UNi1+3hSlVvv8fSaoUbggEM5VErKmmpGA7Pl3HF8V6uKY7rvClBOJlH6yNwQtfTueNkGVpOv/mtWL9L4bgRA==}
     engines: {node: '>=14'}
     hasBin: true
 
@@ -8920,6 +8984,10 @@ packages:
     resolution: {integrity: sha512-Pdlw/oPxN+aXdmM9R00JVC9WVFoCLTKJvDVLgmJ+qAffBMxsV85l/Lu7sNx4zSzPyoL2euImuEwHhOXdEgNFZQ==}
     engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
 
+  pretty-format@30.2.0:
+    resolution: {integrity: sha512-9uBdv/B4EefsuAL+pWqueZyZS2Ba+LxfFeQ9DN14HU4bN8bhaxKdkpjpB6fs9+pSjIBu+FXQHImEg8j/Lw0+vA==}
+    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+
   pretty-ms@9.0.0:
     resolution: {integrity: sha512-E9e9HJ9R9NasGOgPaPE8VMeiPKAyWR5jcFpNnwIejslIhWqdqOrb2wShBsncMPUb+BcCd2OPYfh7p2W6oemTng==}
     engines: {node: '>=18'}
@@ -9150,6 +9218,10 @@ packages:
     resolution: {integrity: sha512-X2UW6Nw3n/aMgDVy+0rSqgHlv39WZAlZrXCdnbyEiKm17DSqHX4MmQMaST3FbeWR5FTuRcUwYAziZajji0Y7mg==}
     engines: {node: '>=10'}
 
+  resolve.exports@2.0.3:
+    resolution: {integrity: sha512-OcXjMsGdhL4XnbShKpAcSqPMzQoYkYyhbEaeSko47MjRP9NfEQMhZkXL1DoFlt9LWQn4YttrdnV6X2OiyzBi+A==}
+    engines: {node: '>=10'}
+
   resolve@1.22.8:
     resolution: {integrity: sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==}
     hasBin: true
@@ -9658,11 +9730,6 @@ packages:
   strip-literal@2.1.0:
     resolution: {integrity: sha512-Op+UycaUt/8FbN/Z2TWPBLge3jWrP3xj10f3fnYxf052bKuS3EKs1ZQcVGjnEMdsNVAM+plXRdmjrZ/KgG3Skw==}
 
-  strong-log-transformer@2.1.0:
-    resolution: {integrity: sha512-B3Hgul+z0L9a236FAUC9iZsL+nVHgoCJnqCbN588DjYxvGXaXaaFbfmQ/JhvKjZwsOukuR72XbHv71Qkug0HxA==}
-    engines: {node: '>=4'}
-    hasBin: true
-
   style-vendorizer@2.2.3:
     resolution: {integrity: sha512-/VDRsWvQAgspVy9eATN3z6itKTuyg+jW1q6UoTCQCFRqPDw8bi3E1hXIKnGw5LvXS2AQPuJ7Af4auTLYeBOLEg==}
 
@@ -9801,9 +9868,6 @@ packages:
     resolution: {integrity: sha512-cAGWPIyOHU6zlmg88jwm7VRyXnMN7iV68OGAbYDk/Mh/xC/pzVPlQtY6ngoIH/5/tciuhGfvESU8GrHrcxD56w==}
     engines: {node: '>=8'}
 
-  through@2.3.8:
-    resolution: {integrity: sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==}
-
   thunky@1.1.0:
     resolution: {integrity: sha512-eHY7nBftgThBqOyHGVN+l8gF0BucP09fMo0oO/Lb0w1OF80dJv+lDVpXG60WMQvkcxAkNybKsrEIE3ZtKGmPrA==}
 
@@ -10398,6 +10462,11 @@ packages:
     resolution: {integrity: sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==}
     engines: {node: '>= 6'}
 
+  yaml@2.8.2:
+    resolution: {integrity: sha512-mplynKqc1C2hTVYxd0PU2xQAc22TI1vShAYGksCCfxbn/dFwnHTNi1bvYsBTkhdUNtGIf5xNOg938rrSSYvS9A==}
+    engines: {node: '>= 14.6'}
+    hasBin: true
+
   yargs-parser@20.2.9:
     resolution: {integrity: sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==}
     engines: {node: '>=10'}
@@ -12464,6 +12533,19 @@ snapshots:
       react: 18.3.1
       tslib: 2.6.3
 
+  '@emnapi/core@1.7.1':
+    dependencies:
+      '@emnapi/wasi-threads': 1.1.0
+      tslib: 2.6.3
+
+  '@emnapi/runtime@1.7.1':
+    dependencies:
+      tslib: 2.6.3
+
+  '@emnapi/wasi-threads@1.1.0':
+    dependencies:
+      tslib: 2.6.3
+
   '@emotion/babel-plugin-jsx-pragmatic@0.2.1(@babel/core@7.24.7)':
     dependencies:
       '@babel/core': 7.24.7
@@ -12893,10 +12975,18 @@ snapshots:
 
   '@istanbuljs/schema@0.1.3': {}
 
+  '@jest/diff-sequences@30.0.1': {}
+
+  '@jest/get-type@30.1.0': {}
+
   '@jest/schemas@29.6.3':
     dependencies:
       '@sinclair/typebox': 0.27.8
 
+  '@jest/schemas@30.0.5':
+    dependencies:
+      '@sinclair/typebox': 0.34.41
+
   '@jridgewell/gen-mapping@0.3.5':
     dependencies:
       '@jridgewell/set-array': 1.2.1
@@ -13042,6 +13132,12 @@ snapshots:
     optionalDependencies:
       '@types/react': 18.3.3
 
+  '@napi-rs/wasm-runtime@0.2.4':
+    dependencies:
+      '@emnapi/core': 1.7.1
+      '@emnapi/runtime': 1.7.1
+      '@tybys/wasm-util': 0.9.0
+
   '@ngtools/webpack@17.3.8(@angular/compiler-cli@17.3.11(@angular/compiler@17.3.11(@angular/core@17.3.11(rxjs@7.8.1)(zone.js@0.14.7)))(typescript@5.4.5))(typescript@5.4.5)(webpack@5.90.3(esbuild@0.20.1))':
     dependencies:
       '@angular/compiler-cli': 17.3.11(@angular/compiler@17.3.11(@angular/core@17.3.11(rxjs@7.8.1)(zone.js@0.14.7)))(typescript@5.4.5)
@@ -13135,43 +13231,34 @@ snapshots:
       - bluebird
       - supports-color
 
-  '@nrwl/tao@19.3.2':
-    dependencies:
-      nx: 19.3.2
-      tslib: 2.6.3
-    transitivePeerDependencies:
-      - '@swc-node/register'
-      - '@swc/core'
-      - debug
-
-  '@nx/nx-darwin-arm64@19.3.2':
+  '@nx/nx-darwin-arm64@22.1.3':
     optional: true
 
-  '@nx/nx-darwin-x64@19.3.2':
+  '@nx/nx-darwin-x64@22.1.3':
     optional: true
 
-  '@nx/nx-freebsd-x64@19.3.2':
+  '@nx/nx-freebsd-x64@22.1.3':
     optional: true
 
-  '@nx/nx-linux-arm-gnueabihf@19.3.2':
+  '@nx/nx-linux-arm-gnueabihf@22.1.3':
     optional: true
 
-  '@nx/nx-linux-arm64-gnu@19.3.2':
+  '@nx/nx-linux-arm64-gnu@22.1.3':
     optional: true
 
-  '@nx/nx-linux-arm64-musl@19.3.2':
+  '@nx/nx-linux-arm64-musl@22.1.3':
     optional: true
 
-  '@nx/nx-linux-x64-gnu@19.3.2':
+  '@nx/nx-linux-x64-gnu@22.1.3':
     optional: true
 
-  '@nx/nx-linux-x64-musl@19.3.2':
+  '@nx/nx-linux-x64-musl@22.1.3':
     optional: true
 
-  '@nx/nx-win32-arm64-msvc@19.3.2':
+  '@nx/nx-win32-arm64-msvc@22.1.3':
     optional: true
 
-  '@nx/nx-win32-x64-msvc@19.3.2':
+  '@nx/nx-win32-x64-msvc@22.1.3':
     optional: true
 
   '@pkgjs/parseargs@0.11.0':
@@ -13438,6 +13525,8 @@ snapshots:
 
   '@sinclair/typebox@0.27.8': {}
 
+  '@sinclair/typebox@0.34.41': {}
+
   '@sindresorhus/merge-streams@2.3.0': {}
 
   '@size-limit/esbuild@11.1.4(size-limit@11.1.4)':
@@ -13540,7 +13629,7 @@ snapshots:
 
   '@tanstack/router-generator@1.43.1':
     dependencies:
-      prettier: 3.3.2
+      prettier: 3.7.4
       zod: 3.23.8
 
   '@tanstack/router-plugin@1.43.1(vite@5.3.2(@types/node@20.14.9)(less@4.2.0)(sass@1.77.6)(terser@5.31.1))':
@@ -13664,6 +13753,10 @@ snapshots:
     optionalDependencies:
       typescript: 5.4.5
 
+  '@tybys/wasm-util@0.9.0':
+    dependencies:
+      tslib: 2.6.3
+
   '@types/aria-query@5.0.4': {}
 
   '@types/babel__core@7.20.5':
@@ -14174,7 +14267,7 @@ snapshots:
 
   '@yarnpkg/lockfile@1.1.0': {}
 
-  '@yarnpkg/parsers@3.0.0-rc.46':
+  '@yarnpkg/parsers@3.0.2':
     dependencies:
       js-yaml: 3.14.1
       tslib: 2.6.3
@@ -14329,6 +14422,14 @@ snapshots:
       postcss: 8.4.35
       postcss-value-parser: 4.2.0
 
+  axios@1.13.2:
+    dependencies:
+      follow-redirects: 1.15.6
+      form-data: 4.0.5
+      proxy-from-env: 1.1.0
+    transitivePeerDependencies:
+      - debug
+
   axios@1.7.2:
     dependencies:
       follow-redirects: 1.15.6
@@ -14552,6 +14653,11 @@ snapshots:
       tar: 6.2.1
       unique-filename: 3.0.0
 
+  call-bind-apply-helpers@1.0.2:
+    dependencies:
+      es-errors: 1.3.0
+      function-bind: 1.1.2
+
   call-bind@1.0.7:
     dependencies:
       es-define-property: 1.0.0
@@ -15015,7 +15121,11 @@ snapshots:
 
   dotenv@16.4.5: {}
 
-  duplexer@0.1.2: {}
+  dunder-proto@1.0.1:
+    dependencies:
+      call-bind-apply-helpers: 1.0.2
+      es-errors: 1.3.0
+      gopd: 1.2.0
 
   eastasianwidth@0.2.0: {}
 
@@ -15109,10 +15219,23 @@ snapshots:
     dependencies:
       get-intrinsic: 1.2.4
 
+  es-define-property@1.0.1: {}
+
   es-errors@1.3.0: {}
 
   es-module-lexer@1.5.4: {}
 
+  es-object-atoms@1.1.1:
+    dependencies:
+      es-errors: 1.3.0
+
+  es-set-tostringtag@2.1.0:
+    dependencies:
+      es-errors: 1.3.0
+      get-intrinsic: 1.3.0
+      has-tostringtag: 1.0.2
+      hasown: 2.0.2
+
   es6-promise@3.3.1: {}
 
   esbuild-wasm@0.20.1: {}
@@ -15436,6 +15559,14 @@ snapshots:
       combined-stream: 1.0.8
       mime-types: 2.1.35
 
+  form-data@4.0.5:
+    dependencies:
+      asynckit: 0.4.0
+      combined-stream: 1.0.8
+      es-set-tostringtag: 2.1.0
+      hasown: 2.0.2
+      mime-types: 2.1.35
+
   forwarded@0.2.0: {}
 
   fraction.js@4.3.7: {}
@@ -15497,8 +15628,26 @@ snapshots:
       has-symbols: 1.0.3
       hasown: 2.0.2
 
+  get-intrinsic@1.3.0:
+    dependencies:
+      call-bind-apply-helpers: 1.0.2
+      es-define-property: 1.0.1
+      es-errors: 1.3.0
+      es-object-atoms: 1.1.1
+      function-bind: 1.1.2
+      get-proto: 1.0.1
+      gopd: 1.2.0
+      has-symbols: 1.1.0
+      hasown: 2.0.2
+      math-intrinsics: 1.1.0
+
   get-package-type@0.1.0: {}
 
+  get-proto@1.0.1:
+    dependencies:
+      dunder-proto: 1.0.1
+      es-object-atoms: 1.1.1
+
   get-stream@6.0.1: {}
 
   get-stream@8.0.1: {}
@@ -15571,6 +15720,8 @@ snapshots:
     dependencies:
       get-intrinsic: 1.2.4
 
+  gopd@1.2.0: {}
+
   graceful-fs@4.2.11: {}
 
   handle-thing@2.0.1: {}
@@ -15589,6 +15740,12 @@ snapshots:
 
   has-symbols@1.0.3: {}
 
+  has-symbols@1.1.0: {}
+
+  has-tostringtag@1.0.2:
+    dependencies:
+      has-symbols: 1.0.3
+
   hasown@2.0.2:
     dependencies:
       function-bind: 1.1.2
@@ -15734,6 +15891,8 @@ snapshots:
 
   ignore@5.3.1: {}
 
+  ignore@7.0.5: {}
+
   image-size@0.5.5:
     optional: true
 
@@ -15923,14 +16082,12 @@ snapshots:
 
   jasmine-core@5.1.2: {}
 
-  jest-diff@29.7.0:
+  jest-diff@30.2.0:
     dependencies:
+      '@jest/diff-sequences': 30.0.1
+      '@jest/get-type': 30.1.0
       chalk: 4.1.2
-      diff-sequences: 29.6.3
-      jest-get-type: 29.6.3
-      pretty-format: 29.7.0
-
-  jest-get-type@29.6.3: {}
+      pretty-format: 30.2.0
 
   jest-worker@27.5.1:
     dependencies:
@@ -16141,7 +16298,7 @@ snapshots:
 
   lines-and-columns@1.2.4: {}
 
-  lines-and-columns@2.0.4: {}
+  lines-and-columns@2.0.3: {}
 
   lit-element@4.0.6:
     dependencies:
@@ -16279,6 +16436,8 @@ snapshots:
 
   marked@12.0.2: {}
 
+  math-intrinsics@1.1.0: {}
+
   mdn-data@2.0.30: {}
 
   media-typer@0.3.0: {}
@@ -16592,13 +16751,13 @@ snapshots:
 
   nwsapi@2.2.10: {}
 
-  nx@19.3.2:
+  nx@22.1.3:
     dependencies:
-      '@nrwl/tao': 19.3.2
+      '@napi-rs/wasm-runtime': 0.2.4
       '@yarnpkg/lockfile': 1.1.0
-      '@yarnpkg/parsers': 3.0.0-rc.46
+      '@yarnpkg/parsers': 3.0.2
       '@zkochan/js-yaml': 0.0.7
-      axios: 1.7.2
+      axios: 1.13.2
       chalk: 4.1.2
       cli-cursor: 3.1.0
       cli-spinners: 2.6.1
@@ -16609,36 +16768,37 @@ snapshots:
       figures: 3.2.0
       flat: 5.0.2
       front-matter: 4.0.2
-      fs-extra: 11.2.0
-      ignore: 5.3.1
-      jest-diff: 29.7.0
+      ignore: 7.0.5
+      jest-diff: 30.2.0
       jsonc-parser: 3.2.0
-      lines-and-columns: 2.0.4
+      lines-and-columns: 2.0.3
       minimatch: 9.0.3
       node-machine-id: 1.1.12
       npm-run-path: 4.0.1
       open: 8.4.2
       ora: 5.3.0
+      resolve.exports: 2.0.3
       semver: 7.6.3
       string-width: 4.2.3
-      strong-log-transformer: 2.1.0
       tar-stream: 2.2.0
       tmp: 0.2.3
+      tree-kill: 1.2.2
       tsconfig-paths: 4.2.0
       tslib: 2.6.3
+      yaml: 2.8.2
       yargs: 17.7.2
       yargs-parser: 21.1.1
     optionalDependencies:
-      '@nx/nx-darwin-arm64': 19.3.2
-      '@nx/nx-darwin-x64': 19.3.2
-      '@nx/nx-freebsd-x64': 19.3.2
-      '@nx/nx-linux-arm-gnueabihf': 19.3.2
-      '@nx/nx-linux-arm64-gnu': 19.3.2
-      '@nx/nx-linux-arm64-musl': 19.3.2
-      '@nx/nx-linux-x64-gnu': 19.3.2
-      '@nx/nx-linux-x64-musl': 19.3.2
-      '@nx/nx-win32-arm64-msvc': 19.3.2
-      '@nx/nx-win32-x64-msvc': 19.3.2
+      '@nx/nx-darwin-arm64': 22.1.3
+      '@nx/nx-darwin-x64': 22.1.3
+      '@nx/nx-freebsd-x64': 22.1.3
+      '@nx/nx-linux-arm-gnueabihf': 22.1.3
+      '@nx/nx-linux-arm64-gnu': 22.1.3
+      '@nx/nx-linux-arm64-musl': 22.1.3
+      '@nx/nx-linux-x64-gnu': 22.1.3
+      '@nx/nx-linux-x64-musl': 22.1.3
+      '@nx/nx-win32-arm64-msvc': 22.1.3
+      '@nx/nx-win32-x64-msvc': 22.1.3
     transitivePeerDependencies:
       - debug
 
@@ -16952,14 +17112,14 @@ snapshots:
       picocolors: 1.1.1
       source-map-js: 1.2.1
 
-  prettier-plugin-svelte@3.2.5(prettier@3.3.2)(svelte@4.2.18):
+  prettier-plugin-svelte@3.2.5(prettier@3.7.4)(svelte@4.2.18):
     dependencies:
-      prettier: 3.3.2
+      prettier: 3.7.4
       svelte: 4.2.18
 
   prettier@2.8.8: {}
 
-  prettier@3.3.2: {}
+  prettier@3.7.4: {}
 
   pretty-bytes@6.1.1: {}
 
@@ -16975,6 +17135,12 @@ snapshots:
       ansi-styles: 5.2.0
       react-is: 18.3.1
 
+  pretty-format@30.2.0:
+    dependencies:
+      '@jest/schemas': 30.0.5
+      ansi-styles: 5.2.0
+      react-is: 18.3.1
+
   pretty-ms@9.0.0:
     dependencies:
       parse-ms: 4.0.0
@@ -17210,6 +17376,8 @@ snapshots:
 
   resolve.exports@2.0.2: {}
 
+  resolve.exports@2.0.3: {}
+
   resolve@1.22.8:
     dependencies:
       is-core-module: 2.14.0
@@ -17817,12 +17985,6 @@ snapshots:
     dependencies:
       js-tokens: 9.0.0
 
-  strong-log-transformer@2.1.0:
-    dependencies:
-      duplexer: 0.1.2
-      minimist: 1.2.8
-      through: 2.3.8
-
   style-vendorizer@2.2.3: {}
 
   stylis@4.2.0: {}
@@ -17959,8 +18121,6 @@ snapshots:
       glob: 7.2.3
       minimatch: 3.1.2
 
-  through@2.3.8: {}
-
   thunky@1.1.0: {}
 
   tiny-invariant@1.3.3: {}
@@ -18530,6 +18690,8 @@ snapshots:
 
   yaml@1.10.2: {}
 
+  yaml@2.8.2: {}
+
   yargs-parser@20.2.9: {}
 
   yargs-parser@21.1.1: {}
diff --git a/prettier.config.cjs b/prettier.config.cjs
deleted file mode 100644
index 383f5b5e35..0000000000
--- a/prettier.config.cjs
+++ /dev/null
@@ -1,13 +0,0 @@
-module.exports = {
-  printWidth: 80,
-  tabWidth: 2,
-  useTabs: false,
-  semi: false,
-  singleQuote: true,
-  trailingComma: 'es5',
-  bracketSpacing: true,
-  arrowParens: 'avoid',
-  endOfLine: 'auto',
-  plugins: ['prettier-plugin-svelte'],
-  overrides: [{ files: '*.svelte', options: { parser: 'svelte' } }],
-}
diff --git a/prettier.config.js b/prettier.config.js
new file mode 100644
index 0000000000..dbb08b1110
--- /dev/null
+++ b/prettier.config.js
@@ -0,0 +1,12 @@
+// @ts-check
+
+/** @type {import('prettier').Config} */
+const config = {
+  semi: false,
+  singleQuote: true,
+  trailingComma: 'all',
+  plugins: ['prettier-plugin-svelte'],
+  overrides: [{ files: '*.svelte', options: { parser: 'svelte' } }],
+}
+
+export default config
diff --git a/scripts/getRollupConfig.js b/scripts/getRollupConfig.js
index 4103168150..42b63767d0 100644
--- a/scripts/getRollupConfig.js
+++ b/scripts/getRollupConfig.js
@@ -16,7 +16,7 @@ const __dirname = fileURLToPath(new URL('.', import.meta.url))
 const rootDir = resolve(__dirname, '..')
 
 /** @param {'development' | 'production'} type */
-const forceEnvPlugin = type =>
+const forceEnvPlugin = (type) =>
   replace({
     'process.env.NODE_ENV': `"${type}"`,
     delimiters: ['', ''],
@@ -44,7 +44,7 @@ export function buildConfigs(opts) {
   const input = resolve(opts.entryFile)
 
   /** @param {string} moduleName */
-  const external = moduleName => opts.external.includes(moduleName)
+  const external = (moduleName) => opts.external.includes(moduleName)
   const umdExternal = Object.keys(opts.globals)
   const banner = createBanner(opts.name)
 
diff --git a/scripts/verify-links.ts b/scripts/verify-links.ts
index 4e03d84295..8a1c40ddc5 100644
--- a/scripts/verify-links.ts
+++ b/scripts/verify-links.ts
@@ -62,7 +62,7 @@ function relativeLinkExists(link: string, file: string): boolean {
     // Transform /docs/framework/{framework}/examples/ to /examples/{framework}/
     absPath = absPath.replace(
       /\/docs\/framework\/([^/]+)\/examples\//,
-      '/examples/$1/'
+      '/examples/$1/',
     )
     // For examples, we want to check if the directory exists
     exists = existsSync(absPath) && statSync(absPath).isDirectory()
@@ -103,7 +103,7 @@ async function verifyMarkdownLinks() {
     })
 
     if (relativeLinks.length > 0) {
-      relativeLinks.forEach(link => {
+      relativeLinks.forEach((link) => {
         relativeLinkExists(link, file)
       })
     }
@@ -111,9 +111,9 @@ async function verifyMarkdownLinks() {
 
   if (errors.length > 0) {
     console.log(`\n❌ Found ${errors.length} broken links:`)
-    errors.forEach(err => {
+    errors.forEach((err) => {
       console.log(
-        `${err.file}\n  link:      ${err.link}\n  resolved:  ${err.resolvedPath}\n  why:       ${err.reason}\n`
+        `${err.file}\n  link:      ${err.link}\n  resolved:  ${err.resolvedPath}\n  why:       ${err.reason}\n`,
       )
     })
     process.exit(1)
diff --git a/tsconfig.json b/tsconfig.json
index b03740bbf0..6d78f08a75 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -11,7 +11,7 @@
     "forceConsistentCasingInFileNames": true,
     "isolatedModules": true,
     "lib": ["DOM", "DOM.Iterable", "ES2022"],
-    "module": "ES2022",
+    "module": "ESNext",
     "moduleResolution": "Bundler",
     "noImplicitReturns": false, // TODO enable
     "noUncheckedIndexedAccess": true,
@@ -22,5 +22,5 @@
     "strict": true,
     "target": "ES2020"
   },
-  "include": ["prettier.config.cjs", "scripts"]
+  "include": ["*.config.*", "scripts"]
 }