chore(crud): explicitly not await for store actions in render (#7024)

Author: gribnoysup

packages/compass-crud/src/components/editable-document.tsx

@@ -135,7 +135,7 @@ class EditableDocument extends React.Component<
     const clonedDoc = this.props.doc.generateObject({
       excludeInternalFields: true,
     });
-    this.props.openInsertDocumentDialog?.(clonedDoc, true);
+    void this.props.openInsertDocumentDialog?.(clonedDoc, true);
   }
 
   /**
@@ -267,13 +267,13 @@ class EditableDocument extends React.Component<
         deleting={this.state.deleting}
         onUpdate={(force) => {
           if (force) {
-            this.props.replaceDocument?.(this.props.doc);
+            void this.props.replaceDocument?.(this.props.doc);
           } else {
-            this.props.updateDocument?.(this.props.doc);
+            void this.props.updateDocument?.(this.props.doc);
           }
         }}
         onDelete={() => {
-          this.props.removeDocument?.(this.props.doc);
+          void this.props.removeDocument?.(this.props.doc);
         }}
         onCancel={() => {
           this.handleCancel();

packages/compass-crud/src/components/json-editor.tsx

@@ -104,7 +104,7 @@ const JSONEditor: React.FunctionComponent<JSONEditorProps> = ({
     const clonedDoc = doc.generateObject({
       excludeInternalFields: true,
     });
-    openInsertDocumentDialog?.(clonedDoc, true);
+    void openInsertDocumentDialog?.(clonedDoc, true);
   }, [doc, openInsertDocumentDialog]);
 
   const onChange = useCallback((value: string) => {
@@ -137,7 +137,7 @@ const JSONEditor: React.FunctionComponent<JSONEditorProps> = ({
 
   const onUpdate = useCallback(() => {
     doc.apply(HadronDocument.FromEJSON(value || ''));
-    replaceDocument?.(doc);
+    void replaceDocument?.(doc);
   }, [doc, replaceDocument, value]);
 
   const onEditingFinished = useCallback(() => {
@@ -153,7 +153,7 @@ const JSONEditor: React.FunctionComponent<JSONEditorProps> = ({
   }, []);
 
   const onDelete = useCallback(() => {
-    removeDocument?.(doc);
+    void removeDocument?.(doc);
   }, [doc, removeDocument]);
 
   const onDeletionFinished = useCallback(() => {

packages/compass-crud/src/components/table-view/document-table-view.tsx

@@ -187,7 +187,7 @@ class DocumentTableView extends React.Component<DocumentTableViewProps> {
     const clonedDoc = hadronDocument.generateObject({
       excludeInternalFields: true,
     });
-    this.props.openInsertDocumentDialog?.(clonedDoc, true);
+    void this.props.openInsertDocumentDialog?.(clonedDoc, true);
   };
 
   /**

packages/compass-crud/src/components/table-view/full-width-cell-renderer.tsx

@@ -134,14 +134,14 @@ class FullWidthCellRenderer extends React.Component<
           onUpdate={(force) => {
             this.props.api.stopEditing();
             if (force) {
-              this.props.replaceDocument(this.doc);
+              void this.props.replaceDocument(this.doc);
             } else {
-              this.props.updateDocument(this.doc);
+              void this.props.updateDocument(this.doc);
             }
           }}
           onDelete={() => {
             this.props.api.stopEditing();
-            this.props.removeDocument(this.doc);
+            void this.props.removeDocument(this.doc);
           }}
           onCancel={() => {
             if (this.state.mode === 'editing') {