Fix typing

Author: waltertan12

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

@@ -50,7 +50,7 @@ export type CreateIndexFormProps = {
   onRemoveFieldClick: (idx: number) => void; // Minus icon.
   onTabClick: (tab: Tab) => void;
   showIndexesGuidanceVariant?: boolean;
-  query?: Document;
+  query: Document | null;
 };
 
 function CreateIndexForm({

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

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

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

@@ -36,7 +36,7 @@ type CreateIndexModalProps = React.ComponentProps<typeof CreateIndexForm> & {
   namespace: string;
   error: string | null;
   currentTab: Tab;
-  query?: Document;
+  query: Document | null;
   onErrorBannerCloseClick: () => void;
   onCreateIndexClick: () => void;
   onCancelCreateIndexClick: () => void;