@cutting/material-react-table 4.0.0

package/locales/zh-Hans/index.esm.js

@@ -0,0 +1,96 @@
+const MRT_Localization_ZH_HANS = {
+    language: 'zh-Hans',
+    actions: '操作',
+    and: '与',
+    cancel: '取消',
+    changeFilterMode: '更改过滤模式',
+    changeSearchMode: '更改搜索模式',
+    clearFilter: '清除过滤',
+    clearSearch: '清除搜索',
+    clearSelection: '清除选择',
+    clearSort: '清除排序',
+    clickToCopy: '点击以复制',
+    copy: '复制',
+    collapse: '折叠',
+    collapseAll: '全部折叠',
+    columnActions: '列操作',
+    copiedToClipboard: '已复制至剪贴板',
+    dropToGroupBy: '拖放以按 {column} 分组',
+    edit: '编辑',
+    expand: '展开',
+    expandAll: '全部展开',
+    filterArrIncludes: '包括',
+    filterArrIncludesAll: '包括所有',
+    filterArrIncludesSome: '包括',
+    filterBetween: '介于首尾',
+    filterBetweenInclusive: '介于首尾之间',
+    filterByColumn: '以 {column} 过滤',
+    filterContains: '包含',
+    filterEmpty: '是空字串',
+    filterEndsWith: '结尾为',
+    filterEquals: '等于',
+    filterEqualsString: '等于',
+    filterFuzzy: '模糊搜索',
+    filterGreaterThan: '大于',
+    filterGreaterThanOrEqualTo: '大于等于',
+    filterInNumberRange: '介于',
+    filterIncludesString: '包含',
+    filterIncludesStringSensitive: '包含',
+    filterLessThan: '小于',
+    filterLessThanOrEqualTo: '小于等于',
+    filterMode: '过滤模式：{filterType}',
+    filterNotEmpty: '非空字串',
+    filterNotEquals: '不等于',
+    filterStartsWith: '开首为',
+    filterWeakEquals: '等于',
+    filteringByColumn: '以 {column} 过滤：{filterType} {filterValue}',
+    goToFirstPage: '到第一页',
+    goToLastPage: '到最后一页',
+    goToNextPage: '下一页',
+    goToPreviousPage: '上一页',
+    grab: '拖曳',
+    groupByColumn: '按 {column} 分组',
+    groupedBy: '分组依据 ',
+    hideAll: '隐藏全部',
+    hideColumn: '隐藏 {column} 列',
+    max: '最大',
+    min: '最小',
+    move: '移动',
+    noRecordsToDisplay: '无记录可显示',
+    noResultsFound: '未找到结果',
+    of: '/',
+    or: '或',
+    pin: '固定',
+    pinToLeft: '固定至左边',
+    pinToRight: '固定至右边',
+    resetColumnSize: '重置列大小',
+    resetOrder: '重置排序',
+    rowActions: '行操作',
+    rowNumber: '#',
+    rowNumbers: '行号码',
+    rowsPerPage: '每页行数',
+    save: '保存',
+    search: '搜索',
+    selectedCountOfRowCountRowsSelected: '已选择行：{selectedCount}/{rowCount}',
+    select: '选择',
+    showAll: '显示全部',
+    showAllColumns: '显示全部列',
+    showHideColumns: '显示/隐藏 列',
+    showHideFilters: '显示/隐藏 过滤条件',
+    showHideSearch: '显示/隐藏 搜索条件',
+    sortByColumnAsc: '按 {column} 升序排序',
+    sortByColumnDesc: '按 {column} 倒序排序',
+    sortedByColumnAsc: '已按 {column} 升序排序',
+    sortedByColumnDesc: '已按 {column} 倒序排序',
+    thenBy: '，然后以',
+    toggleDensity: '切换间距',
+    toggleFullScreen: '切换全屏',
+    toggleSelectAll: '切换选择全部',
+    toggleSelectRow: '切换选择行',
+    toggleVisibility: '切换可见度',
+    ungroupByColumn: '取消按 {column} 分组',
+    unpin: '取消固定',
+    unpinAll: '全部取消固定',
+};
+
+export { MRT_Localization_ZH_HANS };

package/locales/zh-Hans/index.js

@@ -0,0 +1,98 @@
+'use strict';
+
+const MRT_Localization_ZH_HANS = {
+    language: 'zh-Hans',
+    actions: '操作',
+    and: '与',
+    cancel: '取消',
+    changeFilterMode: '更改过滤模式',
+    changeSearchMode: '更改搜索模式',
+    clearFilter: '清除过滤',
+    clearSearch: '清除搜索',
+    clearSelection: '清除选择',
+    clearSort: '清除排序',
+    clickToCopy: '点击以复制',
+    copy: '复制',
+    collapse: '折叠',
+    collapseAll: '全部折叠',
+    columnActions: '列操作',
+    copiedToClipboard: '已复制至剪贴板',
+    dropToGroupBy: '拖放以按 {column} 分组',
+    edit: '编辑',
+    expand: '展开',
+    expandAll: '全部展开',
+    filterArrIncludes: '包括',
+    filterArrIncludesAll: '包括所有',
+    filterArrIncludesSome: '包括',
+    filterBetween: '介于首尾',
+    filterBetweenInclusive: '介于首尾之间',
+    filterByColumn: '以 {column} 过滤',
+    filterContains: '包含',
+    filterEmpty: '是空字串',
+    filterEndsWith: '结尾为',
+    filterEquals: '等于',
+    filterEqualsString: '等于',
+    filterFuzzy: '模糊搜索',
+    filterGreaterThan: '大于',
+    filterGreaterThanOrEqualTo: '大于等于',
+    filterInNumberRange: '介于',
+    filterIncludesString: '包含',
+    filterIncludesStringSensitive: '包含',
+    filterLessThan: '小于',
+    filterLessThanOrEqualTo: '小于等于',
+    filterMode: '过滤模式：{filterType}',
+    filterNotEmpty: '非空字串',
+    filterNotEquals: '不等于',
+    filterStartsWith: '开首为',
+    filterWeakEquals: '等于',
+    filteringByColumn: '以 {column} 过滤：{filterType} {filterValue}',
+    goToFirstPage: '到第一页',
+    goToLastPage: '到最后一页',
+    goToNextPage: '下一页',
+    goToPreviousPage: '上一页',
+    grab: '拖曳',
+    groupByColumn: '按 {column} 分组',
+    groupedBy: '分组依据 ',
+    hideAll: '隐藏全部',
+    hideColumn: '隐藏 {column} 列',
+    max: '最大',
+    min: '最小',
+    move: '移动',
+    noRecordsToDisplay: '无记录可显示',
+    noResultsFound: '未找到结果',
+    of: '/',
+    or: '或',
+    pin: '固定',
+    pinToLeft: '固定至左边',
+    pinToRight: '固定至右边',
+    resetColumnSize: '重置列大小',
+    resetOrder: '重置排序',
+    rowActions: '行操作',
+    rowNumber: '#',
+    rowNumbers: '行号码',
+    rowsPerPage: '每页行数',
+    save: '保存',
+    search: '搜索',
+    selectedCountOfRowCountRowsSelected: '已选择行：{selectedCount}/{rowCount}',
+    select: '选择',
+    showAll: '显示全部',
+    showAllColumns: '显示全部列',
+    showHideColumns: '显示/隐藏 列',
+    showHideFilters: '显示/隐藏 过滤条件',
+    showHideSearch: '显示/隐藏 搜索条件',
+    sortByColumnAsc: '按 {column} 升序排序',
+    sortByColumnDesc: '按 {column} 倒序排序',
+    sortedByColumnAsc: '已按 {column} 升序排序',
+    sortedByColumnDesc: '已按 {column} 倒序排序',
+    thenBy: '，然后以',
+    toggleDensity: '切换间距',
+    toggleFullScreen: '切换全屏',
+    toggleSelectAll: '切换选择全部',
+    toggleSelectRow: '切换选择行',
+    toggleVisibility: '切换可见度',
+    ungroupByColumn: '取消按 {column} 分组',
+    unpin: '取消固定',
+    unpinAll: '全部取消固定',
+};
+
+exports.MRT_Localization_ZH_HANS = MRT_Localization_ZH_HANS;

package/locales/zh-Hans/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "index.js",
+  "module": "index.esm.js",
+  "sideEffects": false,
+  "types": "index.d.ts"
+}

package/locales/zh-Hant/index.d.ts

@@ -0,0 +1,3 @@
+import { type MRT_Localization } from '../..';
+export declare const MRT_Localization_ZH_HANT: MRT_Localization;
+  

package/locales/zh-Hant/index.esm.d.ts

@@ -0,0 +1,3 @@
+import { type MRT_Localization } from '../..';
+export declare const MRT_Localization_ZH_HANT: MRT_Localization;
+  

package/locales/zh-Hant/index.esm.js

@@ -0,0 +1,96 @@
+const MRT_Localization_ZH_HANT = {
+    language: 'zh-Hant',
+    actions: '動作',
+    and: '與',
+    cancel: '取消',
+    changeFilterMode: '更改過濾模式',
+    changeSearchMode: '更改搜尋模式',
+    clearFilter: '清除過濾',
+    clearSearch: '清除搜尋',
+    clearSelection: '清除選擇',
+    clearSort: '清除排序',
+    clickToCopy: '點擊以複製',
+    copy: '複製',
+    collapse: '折疊',
+    collapseAll: '全部折疊',
+    columnActions: '欄位動作',
+    copiedToClipboard: '已複製至剪貼簿',
+    dropToGroupBy: '拖放以按 {column} 分組',
+    edit: '編輯',
+    expand: '展開',
+    expandAll: '全部展開',
+    filterArrIncludes: '包括',
+    filterArrIncludesAll: '包括所有',
+    filterArrIncludesSome: '包括',
+    filterBetween: '介於首尾',
+    filterBetweenInclusive: '介於首尾之間',
+    filterByColumn: '以 {column} 過濾',
+    filterContains: '包含',
+    filterEmpty: '是空字串',
+    filterEndsWith: '結尾為',
+    filterEquals: '等於',
+    filterEqualsString: '等於',
+    filterFuzzy: '模糊搜索',
+    filterGreaterThan: '大於',
+    filterGreaterThanOrEqualTo: '大於等於',
+    filterInNumberRange: '介於',
+    filterIncludesString: '包含',
+    filterIncludesStringSensitive: '包含',
+    filterLessThan: '小於',
+    filterLessThanOrEqualTo: '小於等於',
+    filterMode: '過濾模式：{filterType}',
+    filterNotEmpty: '非空字串',
+    filterNotEquals: '不等於',
+    filterStartsWith: '開首為',
+    filterWeakEquals: '等於',
+    filteringByColumn: '正以 {column} 過濾：{filterType} {filterValue}',
+    goToFirstPage: '到第一頁',
+    goToLastPage: '到最後一頁',
+    goToNextPage: '下一頁',
+    goToPreviousPage: '上一頁',
+    grab: '拖曳',
+    groupByColumn: '按 {column} 分組',
+    groupedBy: '分組依據 ',
+    hideAll: '隱藏全部',
+    hideColumn: '隱藏 {column} 欄位',
+    max: '最大',
+    min: '最小',
+    move: '移動',
+    noRecordsToDisplay: '無紀錄可顯示',
+    noResultsFound: '未找到結果',
+    of: '/',
+    or: '或',
+    pin: '固定',
+    pinToLeft: '固定至左邊',
+    pinToRight: '固定至右邊',
+    resetColumnSize: '重置欄位大小',
+    resetOrder: '重置排序',
+    rowActions: '橫列動作',
+    rowNumber: '#',
+    rowNumbers: '橫列編號',
+    rowsPerPage: '每頁數量',
+    save: '儲存',
+    search: '搜尋',
+    selectedCountOfRowCountRowsSelected: '已選擇橫列：{selectedCount}/{rowCount}',
+    select: '選擇',
+    showAll: '顯示全部',
+    showAllColumns: '顯示全部欄位',
+    showHideColumns: '顯示/隱藏 欄位',
+    showHideFilters: '顯示/隱藏 過濾條件',
+    showHideSearch: '顯示/隱藏 搜尋條件',
+    sortByColumnAsc: '按 {column} 順序排序',
+    sortByColumnDesc: '按 {column} 倒序排序',
+    sortedByColumnAsc: '已按 {column} 順序排序',
+    sortedByColumnDesc: '已按 {column} 倒序排序',
+    thenBy: '，然後以',
+    toggleDensity: '切換密度',
+    toggleFullScreen: '切換全螢幕',
+    toggleSelectAll: '切換選擇全部',
+    toggleSelectRow: '切換選擇橫列',
+    toggleVisibility: '切換可見度',
+    ungroupByColumn: '取消按 {column} 分組',
+    unpin: '取消固定',
+    unpinAll: '全部取消固定',
+};
+
+export { MRT_Localization_ZH_HANT };

package/locales/zh-Hant/index.js

@@ -0,0 +1,98 @@
+'use strict';
+
+const MRT_Localization_ZH_HANT = {
+    language: 'zh-Hant',
+    actions: '動作',
+    and: '與',
+    cancel: '取消',
+    changeFilterMode: '更改過濾模式',
+    changeSearchMode: '更改搜尋模式',
+    clearFilter: '清除過濾',
+    clearSearch: '清除搜尋',
+    clearSelection: '清除選擇',
+    clearSort: '清除排序',
+    clickToCopy: '點擊以複製',
+    copy: '複製',
+    collapse: '折疊',
+    collapseAll: '全部折疊',
+    columnActions: '欄位動作',
+    copiedToClipboard: '已複製至剪貼簿',
+    dropToGroupBy: '拖放以按 {column} 分組',
+    edit: '編輯',
+    expand: '展開',
+    expandAll: '全部展開',
+    filterArrIncludes: '包括',
+    filterArrIncludesAll: '包括所有',
+    filterArrIncludesSome: '包括',
+    filterBetween: '介於首尾',
+    filterBetweenInclusive: '介於首尾之間',
+    filterByColumn: '以 {column} 過濾',
+    filterContains: '包含',
+    filterEmpty: '是空字串',
+    filterEndsWith: '結尾為',
+    filterEquals: '等於',
+    filterEqualsString: '等於',
+    filterFuzzy: '模糊搜索',
+    filterGreaterThan: '大於',
+    filterGreaterThanOrEqualTo: '大於等於',
+    filterInNumberRange: '介於',
+    filterIncludesString: '包含',
+    filterIncludesStringSensitive: '包含',
+    filterLessThan: '小於',
+    filterLessThanOrEqualTo: '小於等於',
+    filterMode: '過濾模式：{filterType}',
+    filterNotEmpty: '非空字串',
+    filterNotEquals: '不等於',
+    filterStartsWith: '開首為',
+    filterWeakEquals: '等於',
+    filteringByColumn: '正以 {column} 過濾：{filterType} {filterValue}',
+    goToFirstPage: '到第一頁',
+    goToLastPage: '到最後一頁',
+    goToNextPage: '下一頁',
+    goToPreviousPage: '上一頁',
+    grab: '拖曳',
+    groupByColumn: '按 {column} 分組',
+    groupedBy: '分組依據 ',
+    hideAll: '隱藏全部',
+    hideColumn: '隱藏 {column} 欄位',
+    max: '最大',
+    min: '最小',
+    move: '移動',
+    noRecordsToDisplay: '無紀錄可顯示',
+    noResultsFound: '未找到結果',
+    of: '/',
+    or: '或',
+    pin: '固定',
+    pinToLeft: '固定至左邊',
+    pinToRight: '固定至右邊',
+    resetColumnSize: '重置欄位大小',
+    resetOrder: '重置排序',
+    rowActions: '橫列動作',
+    rowNumber: '#',
+    rowNumbers: '橫列編號',
+    rowsPerPage: '每頁數量',
+    save: '儲存',
+    search: '搜尋',
+    selectedCountOfRowCountRowsSelected: '已選擇橫列：{selectedCount}/{rowCount}',
+    select: '選擇',
+    showAll: '顯示全部',
+    showAllColumns: '顯示全部欄位',
+    showHideColumns: '顯示/隱藏 欄位',
+    showHideFilters: '顯示/隱藏 過濾條件',
+    showHideSearch: '顯示/隱藏 搜尋條件',
+    sortByColumnAsc: '按 {column} 順序排序',
+    sortByColumnDesc: '按 {column} 倒序排序',
+    sortedByColumnAsc: '已按 {column} 順序排序',
+    sortedByColumnDesc: '已按 {column} 倒序排序',
+    thenBy: '，然後以',
+    toggleDensity: '切換密度',
+    toggleFullScreen: '切換全螢幕',
+    toggleSelectAll: '切換選擇全部',
+    toggleSelectRow: '切換選擇橫列',
+    toggleVisibility: '切換可見度',
+    ungroupByColumn: '取消按 {column} 分組',
+    unpin: '取消固定',
+    unpinAll: '全部取消固定',
+};
+
+exports.MRT_Localization_ZH_HANT = MRT_Localization_ZH_HANT;

package/locales/zh-Hant/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "index.js",
+  "module": "index.esm.js",
+  "sideEffects": false,
+  "types": "index.d.ts"
+}

package/package.json

@@ -0,0 +1,133 @@
+{
+  "version": "4.0.0",
+  "license": "MIT",
+  "name": "@cutting/material-react-table",
+  "description": "Maintenance fork of material-react-table updated for Material UI v9. A fully featured Material UI implementation of TanStack React Table V8.",
+  "author": "Paul Cowan <paul.cowan@cutting.scot>",
+  "contributors": [
+    {
+      "name": "Kevin Vandy",
+      "url": "https://github.com/KevinVandy"
+    }
+  ],
+  "keywords": [
+    "react-table",
+    "material-ui",
+    "material-table",
+    "tanstack table",
+    "data table"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/dagda1/material-react-table"
+  },
+  "homepage": "https://github.com/dagda1/material-react-table#readme",
+  "bugs": {
+    "url": "https://github.com/dagda1/material-react-table/issues"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "sideEffects": false,
+  "main": "dist/index.js",
+  "module": "dist/index.esm.js",
+  "typings": "dist/index.d.ts",
+  "files": [
+    "dist",
+    "locales",
+    "src"
+  ],
+  "size-limit": [
+    {
+      "path": "dist/index.js",
+      "limit": "55 KB"
+    },
+    {
+      "path": "dist/index.esm.js",
+      "limit": "52 KB"
+    }
+  ],
+  "engines": {
+    "node": ">=24"
+  },
+  "devDependencies": {
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.1",
+    "@eslint/eslintrc": "^3.3.5",
+    "@eslint/js": "^10.0.1",
+    "@faker-js/faker": "^10.4.0",
+    "@mui/icons-material": "^9.0.1",
+    "@mui/material": "^9.0.1",
+    "@mui/x-date-pickers": "^9.2.0",
+    "@rollup/plugin-typescript": "^12.3.0",
+    "@size-limit/preset-small-lib": "^12.1.0",
+    "@storybook/addon-a11y": "^10.4.0",
+    "@storybook/addon-docs": "^10.4.0",
+    "@storybook/addon-links": "^10.4.0",
+    "@storybook/react-vite": "^10.4.0",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
+    "@testing-library/user-event": "^14.6.1",
+    "@types/node": "^25.9.1",
+    "@types/react": "^19.2.15",
+    "@types/react-dom": "^19.2.3",
+    "@typescript-eslint/eslint-plugin": "^8.59.4",
+    "@typescript-eslint/parser": "^8.59.4",
+    "@vitejs/plugin-react": "^6.0.2",
+    "dayjs": "^1.11.20",
+    "eslint": "^10.4.0",
+    "eslint-plugin-mui-path-imports": "^0.0.15",
+    "eslint-plugin-perfectionist": "^5.9.0",
+    "eslint-plugin-storybook": "^10.4.0",
+    "globals": "^17.6.0",
+    "jsdom": "^29.1.1",
+    "react": "^19.2.6",
+    "react-dom": "^19.2.6",
+    "react-is": "^19.2.6",
+    "rollup": "^4.60.4",
+    "rollup-plugin-copy": "^3.5.0",
+    "rollup-plugin-delete": "^3.0.2",
+    "rollup-plugin-dts": "^6.4.1",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "size-limit": "^12.1.0",
+    "storybook": "^10.4.0",
+    "storybook-dark-mode": "^5.0.0",
+    "tslib": "^2.8.1",
+    "typescript": "6.0.3",
+    "vite": "^8.0.13",
+    "vitest": "^4.1.6"
+  },
+  "peerDependencies": {
+    "@emotion/react": ">=11.13",
+    "@emotion/styled": ">=11.13",
+    "@mui/icons-material": ">=9",
+    "@mui/material": ">=9",
+    "@mui/x-date-pickers": ">=9.2",
+    "react": ">=19.0",
+    "react-dom": ">=19.0"
+  },
+  "dependencies": {
+    "@tanstack/match-sorter-utils": "8.19.4",
+    "@tanstack/react-table": "8.21.3",
+    "@tanstack/react-virtual": "3.13.24",
+    "highlight-words": "2.0.0"
+  },
+  "scripts": {
+    "build": "pnpm lib:build",
+    "build-locales": "pnpm lib:build-locales",
+    "build-lib": "pnpm lib:build-lib",
+    "dev": "pnpm lib:dev",
+    "lib:build": "pnpm build-lib && pnpm build-locales",
+    "lib:build-locales": "node build-locales.mjs",
+    "lib:build-lib": "rm -rf dist && rollup -c rollup.config.mjs && size-limit",
+    "lib:dev": "rollup -c rollup.config.mjs --watch",
+    "lint": "eslint .",
+    "size": "size-limit",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "storybook": "storybook dev -p 6006",
+    "storybook:build": "storybook build",
+    "storybook:dev": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  }
+}

package/src/MaterialReactTable.smoke.test.tsx

@@ -0,0 +1,56 @@
+import { render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { describe, expect, test } from 'vitest';
+
+import { MaterialReactTable } from './components/MaterialReactTable';
+import { type MRT_ColumnDef } from './types';
+
+interface Person {
+  age: number;
+  name: string;
+}
+
+const data: Person[] = [
+  { age: 30, name: 'John' },
+  { age: 25, name: 'Sara' },
+  { age: 42, name: 'Aaron' },
+];
+
+const columns: MRT_ColumnDef<Person>[] = [
+  { accessorKey: 'name', header: 'Name' },
+  { accessorKey: 'age', header: 'Age' },
+];
+
+describe('MaterialReactTable smoke', () => {
+  test('renders headers and rows from props', () => {
+    render(<MaterialReactTable columns={columns} data={data} />);
+
+    expect(
+      screen.getByRole('columnheader', { name: /name/i }),
+    ).toBeInTheDocument();
+    expect(
+      screen.getByRole('columnheader', { name: /age/i }),
+    ).toBeInTheDocument();
+
+    expect(screen.getByText('John')).toBeInTheDocument();
+    expect(screen.getByText('Sara')).toBeInTheDocument();
+    expect(screen.getByText('Aaron')).toBeInTheDocument();
+  });
+
+  test('sorts rows when a sortable header is clicked', async () => {
+    const user = userEvent.setup();
+
+    render(<MaterialReactTable columns={columns} data={data} />);
+
+    const [sortButton] = screen.getAllByRole('button', {
+      name: /sort by name/i,
+    });
+
+    await user.click(sortButton);
+
+    const firstBodyRow = document.querySelector<HTMLTableRowElement>(
+      'tr[data-index="0"]',
+    );
+    expect(firstBodyRow?.textContent).toContain('Aaron');
+  });
+});

package/src/components/MaterialReactTable.tsx

@@ -0,0 +1,36 @@
+import { useMaterialReactTable } from '../hooks/useMaterialReactTable';
+import {
+  type MRT_RowData,
+  type MRT_TableInstance,
+  type MRT_TableOptions,
+  type Xor,
+} from '../types';
+import { MRT_TablePaper } from './table/MRT_TablePaper';
+
+export type MaterialReactTableProps<TData extends MRT_RowData> = Xor<
+  TableInstanceProp<TData>,
+  MRT_TableOptions<TData>
+>;
+
+type TableInstanceProp<TData extends MRT_RowData> = {
+  table: MRT_TableInstance<TData>;
+};
+
+const isTableInstanceProp = <TData extends MRT_RowData>(
+  props: MaterialReactTableProps<TData>,
+): props is TableInstanceProp<TData> =>
+  (props as TableInstanceProp<TData>).table !== undefined;
+
+export const MaterialReactTable = <TData extends MRT_RowData>(
+  props: MaterialReactTableProps<TData>,
+) => {
+  let table: MRT_TableInstance<TData>;
+
+  if (isTableInstanceProp(props)) {
+    table = props.table;
+  } else {
+    table = useMaterialReactTable(props);
+  }
+
+  return <MRT_TablePaper table={table} />;
+};