fix editing and creating modals not opening

apps/mantine-react-table-docs/pages/changelog.mdx

@@ -12,6 +12,10 @@ import Head from 'next/head';
 
 ### V1
 
+#### V1.0.0-beta.24
+
+- Fixed Edit and Create Row Modals not opening
+
 #### V1.0.0-beta.23
 
 - a bunch of create row features (still in progress)

packages/mantine-react-table/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.0-beta.23",
+  "version": "1.0.0-beta.24",
   "license": "MIT",
   "name": "mantine-react-table",
   "description": "A fully featured Mantine implementation of TanStack React Table V8, written from the ground up in TypeScript.",

packages/mantine-react-table/src/modals/MRT_EditRowModal.tsx

@@ -66,6 +66,7 @@ export const MRT_EditRowModal = <TData extends Record<string, any>>({
       opened={open}
       withCloseButton={false}
       {...modalProps}
+      key={row.id}
     >
       {((creatingRow &&
         renderCreateRowModalContent?.({

packages/mantine-react-table/src/table/MRT_Table.tsx

@@ -151,6 +151,9 @@ export const MRT_Table = <TData extends Record<string, any>>({
     virtualPaddingRight,
   };
 
+  const createModalOpen = creatingMode === 'modal' && creatingRow;
+  const editModalOpen = editingMode === 'modal' && editingRow;
+
   return (
     <>
       <Table
@@ -186,10 +189,9 @@ export const MRT_Table = <TData extends Record<string, any>>({
         )}
         {enableTableFooter && <MRT_TableFooter {...props} />}
       </Table>
-      {(creatingRow && creatingMode === 'modal') ||
-        (editingRow && editingMode === 'modal' && (
-          <MRT_EditRowModal open table={table} />
-        ))}
+      {(createModalOpen || editModalOpen) && (
+        <MRT_EditRowModal open table={table} />
+      )}
     </>
   );
 };