use existing setOpen instead of new onToggle

Author: rubydong

packages/compass-components/src/components/accordion.tsx

@@ -52,14 +52,12 @@ interface AccordionProps extends React.HTMLProps<HTMLButtonElement> {
   hintText?: string;
   open?: boolean;
   setOpen?: (newValue: boolean) => void;
-  onToggle?: () => void;
 }
 function Accordion({
   text,
   hintText,
   open: _open,
   setOpen: _setOpen,
-  onToggle,
   ...props
 }: React.PropsWithChildren<AccordionProps>): React.ReactElement {
   const darkMode = useDarkMode();
@@ -72,9 +70,6 @@ function Accordion({
       setOpenRef.current?.(newValue);
       return newValue;
     });
-    if (typeof onToggle === 'function') {
-      onToggle();
-    }
   }, []);
   const regionId = useId();
   const labelId = useId();

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

@@ -184,7 +184,7 @@ function CreateIndexForm({
       <Accordion
         data-testid="create-index-modal-toggle-options"
         text={showIndexesGuidanceVariant ? 'Index Options' : 'Options'}
-        onToggle={() => {
+        setOpen={() => {
           track('Options Clicked', {
             context: 'Create Index Modal',
           });