fix lint issues for opening from nudge

Author: rubydong

packages/compass-crud/src/stores/crud-store.ts

@@ -1834,7 +1834,7 @@ class CrudStoreImpl
 
   openCreateIndexModal() {
     this.localAppRegistry.emit('open-create-index-modal', {
-      query: EJSON.serialize(this.queryBar.getLastAppliedQuery('crud')),
+      query: EJSON.serialize(this.queryBar.getLastAppliedQuery('crud').filter),
     });
   }
 

packages/compass-indexes/src/components/create-index-form/create-index-form.tsx

@@ -21,7 +21,6 @@ import { usePreference } from 'compass-preferences-model/provider';
 import IndexFlowSection from './index-flow-section';
 import QueryFlowSection from './query-flow-section';
 import toNS from 'mongodb-ns';
-import type { Document } from 'bson';
 
 const createIndexModalFieldsStyles = css({
   margin: `${spacing[600]}px 0 ${spacing[800]}px 0`,
@@ -50,7 +49,7 @@ export type CreateIndexFormProps = {
   onRemoveFieldClick: (idx: number) => void; // Minus icon.
   onTabClick: (tab: Tab) => void;
   showIndexesGuidanceVariant?: boolean;
-  query: Document | null;
+  query: string | null;
 };
 
 function CreateIndexForm({

packages/compass-indexes/src/components/create-index-form/index-flow-section.tsx

@@ -17,10 +17,8 @@ import { errorEncountered, type Field } from '../../modules/create-index';
 import MDBCodeViewer from './mdb-code-viewer';
 import { areAllFieldsFilledIn } from '../../utils/create-index-modal-validation';
 import { connect } from 'react-redux';
-import {
-  TrackFunction,
-  useTelemetry,
-} from '@mongodb-js/compass-telemetry/provider';
+import type { TrackFunction } from '@mongodb-js/compass-telemetry/provider';
+import { useTelemetry } from '@mongodb-js/compass-telemetry/provider';
 
 const flexContainerStyles = css({
   display: 'flex',
@@ -212,7 +210,7 @@ const IndexFlowSection = ({
         showCoveredQueries: true,
       });
     } catch (e) {
-      onErrorEncountered(e.message);
+      onErrorEncountered(e instanceof Error ? e.message : String(e));
     }
 
     setHasFieldChanges(false);

packages/compass-indexes/src/components/create-index-form/query-flow-section.tsx

@@ -106,10 +106,10 @@ const QueryFlowSection = ({
   }: SuggestedIndexFetchedProps) => Promise<void>;
   indexSuggestions: Record<string, number> | null;
   fetchingSuggestionsState: IndexSuggestionState;
-  initialQuery: Document | null;
+  initialQuery: string | null;
 }) => {
   const [inputQuery, setInputQuery] = React.useState(
-    JSON.stringify(initialQuery?.filter, null, 2)
+    initialQuery ? JSON.stringify(initialQuery, null, 2) : ''
   );
   const [hasNewChanges, setHasNewChanges] = React.useState(
     initialQuery !== null

packages/compass-indexes/src/components/create-index-modal/create-index-modal.tsx

@@ -29,14 +29,13 @@ import {
 import { useConnectionInfoRef } from '@mongodb-js/compass-connections/provider';
 import { usePreference } from 'compass-preferences-model/provider';
 import CreateIndexModalHeader from './create-index-modal-header';
-import type { Document } from 'bson';
 
 type CreateIndexModalProps = React.ComponentProps<typeof CreateIndexForm> & {
   isVisible: boolean;
   namespace: string;
   error: string | null;
   currentTab: Tab;
-  query: Document | null;
+  query: string | null;
   onErrorBannerCloseClick: () => void;
   onCreateIndexClick: () => void;
   onCancelCreateIndexClick: () => void;