fix: defaultTitle invalid attribute on div (#350)

packages/modals/src/index.tsx

@@ -80,29 +80,33 @@ export const ModalProvider = ({ children }: PropsWithChildren) => {
 
   return (
     <ModalContext.Provider value={{ openModalInner, closeModal }}>
-      {activeModals.map((modal) => (
+      {activeModals.map((modal) => {
-        <Modal
+        const { defaultTitle: _ignored, ...otherModalProps } =
-          key={modal.id}
+          modal.reference.modalProps;
-          zIndex={getDefaultZIndex("modal") + 1}
+        return (
-          display={modal.id === state.current?.id ? undefined : "none"}
+          <Modal
-          style={{
+            key={modal.id}
-            userSelect: modal.id === state.current?.id ? undefined : "none",
+            zIndex={getDefaultZIndex("modal") + 1}
-          }}
+            display={modal.id === state.current?.id ? undefined : "none"}
-          styles={{
+            style={{
-            title: {
+              userSelect: modal.id === state.current?.id ? undefined : "none",
-              fontSize: "1.25rem",
+            }}
-              fontWeight: 500,
+            styles={{
-            },
+              title: {
-          }}
+                fontSize: "1.25rem",
-          trapFocus={modal.id === state.current?.id}
+                fontWeight: 500,
-          {...modal.reference.modalProps}
+              },
-          title={translateIfNecessary(t, modal.props.defaultTitle)}
+            }}
-          opened={state.modals.length > 0}
+            trapFocus={modal.id === state.current?.id}
-          onClose={handleCloseModal}
+            {...otherModalProps}
-        >
+            title={translateIfNecessary(t, modal.props.defaultTitle)}
-          {modal.reference.content}
+            opened={state.modals.length > 0}
-        </Modal>
+            onClose={handleCloseModal}
-      ))}
+          >
+            {modal.reference.content}
+          </Modal>
+        );
+      })}
 
       {children}
     </ModalContext.Provider>