Fix compass-import-export to work around LG modal v20

Author: kraenhansen

packages/compass-import-export/src/components/export-code-view.tsx

@@ -78,6 +78,8 @@ function ExportCodeView({
         data-testid="export-collection-code-preview-wrapper"
         id={codeElementId}
         language="javascript"
+        // eslint-disable-next-line jsx-a11y/no-autofocus
+        autoFocus={true}
       >
         {code}
       </Code>

packages/compass-import-export/src/components/export-modal.tsx

@@ -30,7 +30,7 @@ import type { ExportStatus, FieldsToExportOption } from '../modules/export';
 import type { RootExportState } from '../stores/export-store';
 import { SelectFileType } from './select-file-type';
 import { ExportSelectFields } from './export-select-fields';
-import { codeElementId, ExportCodeView } from './export-code-view';
+import { ExportCodeView } from './export-code-view';
 import type { ExportAggregation, ExportQuery } from '../export/export-types';
 import { queryHasProjection } from '../utils/query-has-projection';
 import { FieldsToExportOptions } from './export-field-options';
@@ -246,12 +246,7 @@ function ExportModal({
   }, [isOpen, resetExportFormState]);
 
   return (
-    <Modal
-      open={isOpen}
-      setOpen={closeExport}
-      data-testid="export-modal"
-      initialFocus={exportFullCollection ? undefined : `#${codeElementId}`}
-    >
+    <Modal open={isOpen} setOpen={closeExport} data-testid="export-modal">
       <ModalHeader
         title="Export"
         subtitle={aggregation ? `Aggregation on ${ns}` : `Collection ${ns}`}