@cutting/material-react-table 5.0.0 → 5.1.0

package/locales/ar/index.mjs

@@ -1,4 +1,4 @@
-//#region src/locales/ar.ts
+// src/locales/ar.ts
 const MRT_Localization_AR = {
 	language: "ar",
 	actions: "إجراءات",
@@ -93,5 +93,4 @@ const MRT_Localization_AR = {
 	unpin: "عدم التثبيت",
 	unpinAll: "عدم تثبيت الكل"
 };
-//#endregion
 export { MRT_Localization_AR };

package/locales/az/index.mjs

@@ -1,4 +1,4 @@
-//#region src/locales/az.ts
+// src/locales/az.ts
 const MRT_Localization_AZ = {
 	language: "az",
 	actions: "Əməliyyatlar",
@@ -93,5 +93,4 @@ const MRT_Localization_AZ = {
 	unpin: "Ayır",
 	unpinAll: "Hamısını Ayır"
 };
-//#endregion
 export { MRT_Localization_AZ };

package/locales/bg/index.mjs

@@ -1,4 +1,4 @@
-//#region src/locales/bg.ts
+// src/locales/bg.ts
 const MRT_Localization_BG = {
 	language: "bg",
 	actions: "Действия",
@@ -93,5 +93,4 @@ const MRT_Localization_BG = {
 	unpin: "Откачи",
 	unpinAll: "Откачи всички"
 };
-//#endregion
 export { MRT_Localization_BG };

package/locales/cs/index.mjs

@@ -1,4 +1,4 @@
-//#region src/locales/cs.ts
+// src/locales/cs.ts
 const MRT_Localization_CS = {
 	language: "cs",
 	actions: "Akce",
@@ -93,5 +93,4 @@ const MRT_Localization_CS = {
 	unpin: "Odepnout",
 	unpinAll: "Odepnout vše"
 };
-//#endregion
 export { MRT_Localization_CS };

package/locales/da/index.mjs

@@ -1,4 +1,4 @@
-//#region src/locales/da.ts
+// src/locales/da.ts
 const MRT_Localization_DA = {
 	language: "da",
 	actions: "Handlinger",
@@ -93,5 +93,4 @@ const MRT_Localization_DA = {
 	unpin: "Frigør",
 	unpinAll: "Frigør alt"
 };
-//#endregion
 export { MRT_Localization_DA };

package/locales/de/index.mjs

@@ -1,4 +1,4 @@
-//#region src/locales/de.ts
+// src/locales/de.ts
 const MRT_Localization_DE = {
 	language: "de",
 	actions: "Aktionen",
@@ -93,5 +93,4 @@ const MRT_Localization_DE = {
 	unpin: "Loslösen",
 	unpinAll: "Alle loslösen"
 };
-//#endregion
 export { MRT_Localization_DE };

package/locales/el/index.mjs

@@ -1,4 +1,4 @@
-//#region src/locales/el.ts
+// src/locales/el.ts
 const MRT_Localization_EL = {
 	language: "el",
 	actions: "Ενέργειες",
@@ -93,5 +93,4 @@ const MRT_Localization_EL = {
 	unpin: "Αποκαρφίτσωση",
 	unpinAll: "Αποκαρφίτσωση όλων"
 };
-//#endregion
 export { MRT_Localization_EL };

package/locales/en/index.mjs

@@ -1,4 +1,4 @@
-//#region src/locales/en.ts
+// src/locales/en.ts
 const MRT_Localization_EN = {
 	language: "en",
 	actions: "Actions",
@@ -93,5 +93,4 @@ const MRT_Localization_EN = {
 	unpin: "Unpin",
 	unpinAll: "Unpin all"
 };
-//#endregion
 export { MRT_Localization_EN };

package/locales/es/index.mjs

@@ -1,4 +1,4 @@
-//#region src/locales/es.ts
+// src/locales/es.ts
 const MRT_Localization_ES = {
 	language: "es",
 	actions: "Acciones",
@@ -93,5 +93,4 @@ const MRT_Localization_ES = {
 	unpin: "Desanclar",
 	unpinAll: "Desanclar todo"
 };
-//#endregion
 export { MRT_Localization_ES };

package/locales/et/index.mjs

@@ -1,4 +1,4 @@
-//#region src/locales/et.ts
+// src/locales/et.ts
 const MRT_Localization_ET = {
 	language: "et",
 	actions: "Toimingud",
@@ -93,5 +93,4 @@ const MRT_Localization_ET = {
 	unpin: "Eemalda kinnitamine",
 	unpinAll: "Eemalda kõigi kinnitamine"
 };
-//#endregion
 export { MRT_Localization_ET };

package/locales/fa/index.mjs

@@ -1,4 +1,4 @@
-//#region src/locales/fa.ts
+// src/locales/fa.ts
 const MRT_Localization_FA = {
 	language: "fa",
 	actions: "عملیات",
@@ -93,5 +93,4 @@ const MRT_Localization_FA = {
 	unpin: "پین کردن",
 	unpinAll: "از پین در آوردن "
 };
-//#endregion
 export { MRT_Localization_FA };

package/locales/fi/index.mjs

@@ -1,4 +1,4 @@
-//#region src/locales/fi.ts
+// src/locales/fi.ts
 const MRT_Localization_FI = {
 	language: "fi",
 	actions: "Toiminnot",
@@ -93,5 +93,4 @@ const MRT_Localization_FI = {
 	unpin: "Poista kiinnitys",
 	unpinAll: "Poista kiinnitys kaikilta"
 };
-//#endregion
 export { MRT_Localization_FI };

package/locales/fr/index.mjs

@@ -1,4 +1,4 @@
-//#region src/locales/fr.ts
+// src/locales/fr.ts
 const MRT_Localization_FR = {
 	language: "fr",
 	actions: "Actions",
@@ -93,5 +93,4 @@ const MRT_Localization_FR = {
 	unpin: "Détacher",
 	unpinAll: "Tout détacher"
 };
-//#endregion
 export { MRT_Localization_FR };

package/locales/he/index.mjs

@@ -1,4 +1,4 @@
-//#region src/locales/he.ts
+// src/locales/he.ts
 const MRT_Localization_HE = {
 	language: "he",
 	actions: "פעולות",
@@ -93,5 +93,4 @@ const MRT_Localization_HE = {
 	unpin: "בטל נעיצה",
 	unpinAll: "בטל נעיצת הכל"
 };
-//#endregion
 export { MRT_Localization_HE };

package/locales/hr/index.mjs

@@ -1,4 +1,4 @@
-//#region src/locales/hr.ts
+// src/locales/hr.ts
 const MRT_Localization_HR = {
 	language: "hr",
 	actions: "Radnje",
@@ -93,5 +93,4 @@ const MRT_Localization_HR = {
 	unpin: "Odkači",
 	unpinAll: "Odkači sve"
 };
-//#endregion
 export { MRT_Localization_HR };

package/locales/hu/index.mjs

@@ -1,4 +1,4 @@
-//#region src/locales/hu.ts
+// src/locales/hu.ts
 const MRT_Localization_HU = {
 	language: "hu",
 	actions: "Műveletek",
@@ -93,5 +93,4 @@ const MRT_Localization_HU = {
 	unpin: "Feloldás",
 	unpinAll: "Minden feloldása"
 };
-//#endregion
 export { MRT_Localization_HU };

package/locales/hy/index.mjs

@@ -1,4 +1,4 @@
-//#region src/locales/hy.ts
+// src/locales/hy.ts
 const MRT_Localization_HY = {
 	language: "hy",
 	actions: "Գործողություններ",
@@ -93,5 +93,4 @@ const MRT_Localization_HY = {
 	unpin: "Ապակցել",
 	unpinAll: "Ապակցել բոլորը"
 };
-//#endregion
 export { MRT_Localization_HY };

package/locales/id/index.mjs

@@ -1,4 +1,4 @@
-//#region src/locales/id.ts
+// src/locales/id.ts
 const MRT_Localization_ID = {
 	language: "id",
 	actions: "Aksi",
@@ -93,5 +93,4 @@ const MRT_Localization_ID = {
 	unpin: "Lepaskan sematan",
 	unpinAll: "Lepaskan semua sematan"
 };
-//#endregion
 export { MRT_Localization_ID };

package/locales/it/index.mjs

@@ -1,4 +1,4 @@
-//#region src/locales/it.ts
+// src/locales/it.ts
 const MRT_Localization_IT = {
 	language: "it",
 	actions: "Azioni",
@@ -93,5 +93,4 @@ const MRT_Localization_IT = {
 	unpin: "Sblocca",
 	unpinAll: "Sblocca tutto"
 };
-//#endregion
 export { MRT_Localization_IT };

package/locales/ja/index.mjs

@@ -1,4 +1,4 @@
-//#region src/locales/ja.ts
+// src/locales/ja.ts
 const MRT_Localization_JA = {
 	language: "ja",
 	actions: "操作",
@@ -93,5 +93,4 @@ const MRT_Localization_JA = {
 	unpin: "固定を解除",
 	unpinAll: "すべての固定を解除"
 };
-//#endregion
 export { MRT_Localization_JA };

package/locales/ko/index.mjs

@@ -1,4 +1,4 @@
-//#region src/locales/ko.ts
+// src/locales/ko.ts
 const MRT_Localization_KO = {
 	language: "ko",
 	actions: "동작",
@@ -93,5 +93,4 @@ const MRT_Localization_KO = {
 	unpin: "고정 해제",
 	unpinAll: "전체 고정 해제"
 };
-//#endregion
 export { MRT_Localization_KO };

package/locales/nl/index.mjs

@@ -1,4 +1,4 @@
-//#region src/locales/nl.ts
+// src/locales/nl.ts
 const MRT_Localization_NL = {
 	language: "nl",
 	actions: "Acties",
@@ -93,5 +93,4 @@ const MRT_Localization_NL = {
 	unpin: "Losmaken",
 	unpinAll: "Alles losmaken"
 };
-//#endregion
 export { MRT_Localization_NL };

package/locales/no/index.mjs

@@ -1,4 +1,4 @@
-//#region src/locales/no.ts
+// src/locales/no.ts
 const MRT_Localization_NO = {
 	language: "no",
 	cancel: "Avbryt",
@@ -93,5 +93,4 @@ const MRT_Localization_NO = {
 	ungroupByColumn: "Oppgrupper etter {column}",
 	selectedCountOfRowCountRowsSelected: "{selectedCount} av {rowCount} rader valgt"
 };
-//#endregion
 export { MRT_Localization_NO };

package/locales/np/index.mjs

@@ -1,4 +1,4 @@
-//#region src/locales/np.ts
+// src/locales/np.ts
 const MRT_Localization_NP = {
 	language: "np",
 	actions: "कार्यहरू",
@@ -93,5 +93,4 @@ const MRT_Localization_NP = {
 	unpin: "अनपिन गर्नुहोस्",
 	unpinAll: "सबै अनपिन गर्नुहोस्"
 };
-//#endregion
 export { MRT_Localization_NP };

package/locales/pl/index.mjs

@@ -1,4 +1,4 @@
-//#region src/locales/pl.ts
+// src/locales/pl.ts
 const MRT_Localization_PL = {
 	language: "pl",
 	actions: "Akcje",
@@ -93,5 +93,4 @@ const MRT_Localization_PL = {
 	unpin: "Odepnij",
 	unpinAll: "Odepnij wszystkie"
 };
-//#endregion
 export { MRT_Localization_PL };

package/locales/pt/index.mjs

@@ -1,4 +1,4 @@
-//#region src/locales/pt.ts
+// src/locales/pt.ts
 const MRT_Localization_PT = {
 	language: "pt",
 	actions: "Ações",
@@ -93,5 +93,4 @@ const MRT_Localization_PT = {
 	unpin: "Desfixar",
 	unpinAll: "Desfixar tudo"
 };
-//#endregion
 export { MRT_Localization_PT };

package/locales/pt-BR/index.mjs

@@ -1,4 +1,4 @@
-//#region src/locales/pt-BR.ts
+// src/locales/pt-BR.ts
 const MRT_Localization_PT_BR = {
 	language: "pt-BR",
 	actions: "Ações",
@@ -93,5 +93,4 @@ const MRT_Localization_PT_BR = {
 	unpin: "Desfixar",
 	unpinAll: "Desfixar tudo"
 };
-//#endregion
 export { MRT_Localization_PT_BR };

package/locales/ro/index.mjs

@@ -1,4 +1,4 @@
-//#region src/locales/ro.ts
+// src/locales/ro.ts
 const MRT_Localization_RO = {
 	language: "ro",
 	actions: "Acțiuni",
@@ -93,5 +93,4 @@ const MRT_Localization_RO = {
 	unpin: "Deblocare",
 	unpinAll: "Deblocare"
 };
-//#endregion
 export { MRT_Localization_RO };

package/locales/ru/index.mjs

@@ -1,4 +1,4 @@
-//#region src/locales/ru.ts
+// src/locales/ru.ts
 const MRT_Localization_RU = {
 	language: "ru",
 	actions: "Действия",
@@ -93,5 +93,4 @@ const MRT_Localization_RU = {
 	unpin: "Открепить",
 	unpinAll: "Открепить всё"
 };
-//#endregion
 export { MRT_Localization_RU };

package/locales/sk/index.mjs

@@ -1,4 +1,4 @@
-//#region src/locales/sk.ts
+// src/locales/sk.ts
 const MRT_Localization_SK = {
 	language: "sk",
 	actions: "Akcie",
@@ -93,5 +93,4 @@ const MRT_Localization_SK = {
 	unpin: "Odopnúť",
 	unpinAll: "Odopnúť všetko"
 };
-//#endregion
 export { MRT_Localization_SK };

package/locales/sr-Cyrl-RS/index.mjs

@@ -1,4 +1,4 @@
-//#region src/locales/sr-Cyrl-RS.ts
+// src/locales/sr-Cyrl-RS.ts
 const MRT_Localization_SR_CYRL_RS = {
 	language: "sr-Cyrl-RS",
 	actions: "Акције",
@@ -93,5 +93,4 @@ const MRT_Localization_SR_CYRL_RS = {
 	unpin: "Откачи",
 	unpinAll: "Откачи све"
 };
-//#endregion
 export { MRT_Localization_SR_CYRL_RS };

package/locales/sr-Latn-RS/index.mjs

@@ -1,4 +1,4 @@
-//#region src/locales/sr-Latn-RS.ts
+// src/locales/sr-Latn-RS.ts
 const MRT_Localization_SR_LATN_RS = {
 	language: "sr-Latn-RS",
 	actions: "Akcije",
@@ -93,5 +93,4 @@ const MRT_Localization_SR_LATN_RS = {
 	unpin: "Otkači",
 	unpinAll: "Otkači sve"
 };
-//#endregion
 export { MRT_Localization_SR_LATN_RS };

package/locales/sv/index.mjs

@@ -1,4 +1,4 @@
-//#region src/locales/sv.ts
+// src/locales/sv.ts
 const MRT_Localization_SV = {
 	language: "sv",
 	actions: "Åtgärder",
@@ -93,5 +93,4 @@ const MRT_Localization_SV = {
 	unpin: "Avfäst",
 	unpinAll: "Avfäst alla"
 };
-//#endregion
 export { MRT_Localization_SV };

package/locales/tr/index.mjs

@@ -1,4 +1,4 @@
-//#region src/locales/tr.ts
+// src/locales/tr.ts
 const MRT_Localization_TR = {
 	language: "tr",
 	actions: "İşlemler",
@@ -93,5 +93,4 @@ const MRT_Localization_TR = {
 	unpin: "Çöz",
 	unpinAll: "Tümünü Çöz"
 };
-//#endregion
 export { MRT_Localization_TR };

package/locales/uk/index.mjs

@@ -1,4 +1,4 @@
-//#region src/locales/uk.ts
+// src/locales/uk.ts
 const MRT_Localization_UK = {
 	language: "uk",
 	actions: "Дії",
@@ -93,5 +93,4 @@ const MRT_Localization_UK = {
 	unpin: "Відкріпити",
 	unpinAll: "Відкріпити все"
 };
-//#endregion
 export { MRT_Localization_UK };

package/locales/vi/index.mjs

@@ -1,4 +1,4 @@
-//#region src/locales/vi.ts
+// src/locales/vi.ts
 const MRT_Localization_VI = {
 	language: "vi",
 	actions: "Thao tác",
@@ -93,5 +93,4 @@ const MRT_Localization_VI = {
 	unpin: "Bỏ ghim",
 	unpinAll: "Bỏ ghim tất cả"
 };
-//#endregion
 export { MRT_Localization_VI };

package/locales/zh-Hans/index.mjs

@@ -1,4 +1,4 @@
-//#region src/locales/zh-Hans.ts
+// src/locales/zh-Hans.ts
 const MRT_Localization_ZH_HANS = {
 	language: "zh-Hans",
 	actions: "操作",
@@ -93,5 +93,4 @@ const MRT_Localization_ZH_HANS = {
 	unpin: "取消固定",
 	unpinAll: "全部取消固定"
 };
-//#endregion
 export { MRT_Localization_ZH_HANS };

package/locales/zh-Hant/index.mjs

@@ -1,4 +1,4 @@
-//#region src/locales/zh-Hant.ts
+// src/locales/zh-Hant.ts
 const MRT_Localization_ZH_HANT = {
 	language: "zh-Hant",
 	actions: "動作",
@@ -93,5 +93,4 @@ const MRT_Localization_ZH_HANT = {
 	unpin: "取消固定",
 	unpinAll: "全部取消固定"
 };
-//#endregion
 export { MRT_Localization_ZH_HANT };

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "5.0.0",
+  "version": "5.1.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.",
@@ -47,45 +47,37 @@
     "node": ">=22"
   },
   "devDependencies": {
+    "@cutting/useful-types": "4.46.1",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
-    "@eslint/eslintrc": "^3.3.7",
-    "@eslint/js": "^10.0.1",
     "@faker-js/faker": "^10.6.0",
     "@mui/icons-material": "^9.5.0",
     "@mui/material": "^9.5.0",
-    "@mui/x-date-pickers": "^9.16.0",
-    "@size-limit/preset-small-lib": "^14.2.0",
-    "@storybook/addon-a11y": "^10.6.3",
-    "@storybook/addon-docs": "^10.6.3",
-    "@storybook/addon-links": "^10.6.3",
-    "@storybook/react-vite": "^10.6.3",
+    "@mui/x-date-pickers": "^9.17.0",
+    "@size-limit/preset-small-lib": "^14.3.0",
+    "@storybook/addon-a11y": "^10.6.5",
+    "@storybook/addon-docs": "^10.6.5",
+    "@storybook/addon-links": "^10.6.5",
+    "@storybook/react-vite": "^10.6.5",
     "@testing-library/jest-dom": "^7.0.1",
     "@testing-library/react": "^16.3.3",
     "@testing-library/user-event": "^14.6.8",
-    "@types/node": "^26.6.5",
+    "@types/node": "^26.6.6",
     "@types/react": "^19.3.0",
     "@types/react-dom": "^19.3.0",
-    "@typescript-eslint/eslint-plugin": "^8.72.0",
-    "@typescript-eslint/parser": "^8.72.0",
     "@vitejs/plugin-react": "^6.1.2",
     "dayjs": "^1.11.23",
-    "eslint": "^10.13.0",
-    "eslint-plugin-mui-path-imports": "^0.0.15",
-    "eslint-plugin-perfectionist": "^5.13.0",
-    "eslint-plugin-storybook": "^10.6.3",
-    "globals": "^17.13.0",
     "jsdom": "^30.1.3",
     "react": "^19.3.1",
     "react-dom": "^19.3.1",
     "react-is": "^19.3.1",
-    "rolldown": "^1.2.14",
-    "size-limit": "^14.2.0",
-    "storybook": "^10.6.3",
+    "rolldown": "^1.2.16",
+    "size-limit": "^14.3.0",
+    "storybook": "^10.6.5",
     "storybook-dark-mode": "^5.0.0",
-    "tsdown": "^0.23.1",
-    "tslib": "^2.8.1",
-    "typescript": "6.0.3",
+    "tsdown": "^0.23.4",
+    "tslib": "^2.9.1",
+    "typescript": "7.0.2",
     "vite": "^8.3.5",
     "vitest": "^5.0.5"
   },
@@ -101,7 +93,7 @@
   "dependencies": {
     "@tanstack/match-sorter-utils": "9.2.6",
     "@tanstack/react-table": "9.3.1",
-    "@tanstack/react-virtual": "3.14.21",
+    "@tanstack/react-virtual": "3.14.24",
     "@tanstack/table-core": "9.3.1",
     "highlight-words": "2.0.0"
   },
@@ -125,13 +117,13 @@
     "lib:build-locales": "node build-locales.mjs",
     "lib:build-lib": "tsdown && size-limit",
     "lib:dev": "tsdown --watch",
-    "lint": "eslint .",
+    "lint": "oxlint . --fix --deny-warnings && oxfmt .",
     "size": "size-limit",
     "test": "vitest run",
     "test:watch": "vitest",
-    "storybook": "storybook dev -p 6006",
+    "storybook": "storybook dev -p 6006 --host 127.0.0.1",
     "storybook:build": "storybook build",
-    "storybook:dev": "storybook dev -p 6006",
+    "storybook:dev": "storybook dev -p 6006 --host 127.0.0.1",
     "build-storybook": "storybook build"
   }
 }

package/src/MaterialReactTable.smoke.test.tsx

@@ -25,12 +25,8 @@ 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.getByRole('columnheader', { name: /name/i })).toBeInTheDocument();
+    expect(screen.getByRole('columnheader', { name: /age/i })).toBeInTheDocument();
 
     expect(screen.getByText('John')).toBeInTheDocument();
     expect(screen.getByText('Sara')).toBeInTheDocument();
@@ -48,9 +44,7 @@ describe('MaterialReactTable smoke', () => {
 
     await user.click(sortButton);
 
-    const firstBodyRow = document.querySelector<HTMLTableRowElement>(
-      'tr[data-index="0"]',
-    );
+    const firstBodyRow = document.querySelector<HTMLTableRowElement>('tr[data-index="0"]');
     expect(firstBodyRow?.textContent).toContain('Aaron');
   });
 

package/src/components/MaterialReactTable.tsx

@@ -1,16 +1,8 @@
 import { useMaterialReactTable } from '../hooks/useMaterialReactTable';
-import {
-  type MRT_RowData,
-  type MRT_TableInstance,
-  type MRT_TableOptions,
-  type Xor,
-} from '../types';
+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>
->;
+export type MaterialReactTableProps<TData extends MRT_RowData> = Xor<TableInstanceProp<TData>, MRT_TableOptions<TData>>;
 
 type TableInstanceProp<TData extends MRT_RowData> = {
   table: MRT_TableInstance<TData>;
@@ -18,19 +10,19 @@ type TableInstanceProp<TData extends MRT_RowData> = {
 
 const isTableInstanceProp = <TData extends MRT_RowData>(
   props: MaterialReactTableProps<TData>,
-): props is TableInstanceProp<TData> =>
-  (props as TableInstanceProp<TData>).table !== undefined;
+): 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>;
+interface MRT_TableFromOptionsProps<TData extends MRT_RowData> {
+  tableOptions: MRT_TableOptions<TData>;
+}
 
-  if (isTableInstanceProp(props)) {
-    table = props.table;
-  } else {
-    table = useMaterialReactTable(props);
-  }
+const MRT_TableFromOptions = <TData extends MRT_RowData>({
+  tableOptions,
+}: Readonly<MRT_TableFromOptionsProps<TData>>): JSX.Element => {
+  const table = useMaterialReactTable(tableOptions);
 
   return <MRT_TablePaper table={table} />;
 };
+
+export const MaterialReactTable = <TData extends MRT_RowData>(props: MaterialReactTableProps<TData>): JSX.Element =>
+  isTableInstanceProp(props) ? <MRT_TablePaper table={props.table} /> : <MRT_TableFromOptions tableOptions={props} />;