MenubarSubmenu: update to named export, no-verify for remaining ts errors

Author: clairep94

client/components/Menubar/Menubar.test.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { render, screen, fireEvent } from '../../test-utils';
 import { Menubar } from './Menubar';
-import MenubarSubmenu from './MenubarSubmenu';
+import { MenubarSubmenu } from './MenubarSubmenu';
 import { MenubarItem } from './MenubarItem';
 
 describe('Menubar', () => {

client/components/Menubar/MenubarSubmenu.tsx

@@ -234,7 +234,7 @@ export interface MenubarSubmenuProps {
   listRole?: MenubarListItemRole;
 }
 
-function MenubarSubmenu({
+export function MenubarSubmenu({
   children,
   id,
   title,
@@ -457,5 +457,3 @@ function MenubarSubmenu({
     </SubmenuContext.Provider>
   );
 }
-
-export default MenubarSubmenu;

client/modules/IDE/components/Header/Nav.jsx

@@ -4,7 +4,7 @@ import { sortBy } from 'lodash';
 import { Link } from 'react-router-dom';
 import PropTypes from 'prop-types';
 import { useTranslation } from 'react-i18next';
-import MenubarSubmenu from '../../../../components/Menubar/MenubarSubmenu';
+import { MenubarSubmenu } from '../../../../components/Menubar/MenubarSubmenu';
 import { MenubarItem } from '../../../../components/Menubar/MenubarItem';
 import { availableLanguages, languageKeyToLabel } from '../../../../i18n';
 import { getConfig } from '../../../../utils/getConfig';

client/modules/IDE/components/Header/Nav.unit.test.jsx

@@ -17,23 +17,25 @@ jest.mock('../../../../components/Menubar/Menubar', () => ({
 
 // mock MenubarSubmenu
 jest.mock('../../../../components/Menubar/MenubarSubmenu', () => {
-  function MenubarSubmenu({ children, title }) {
-    return (
-      <li className="nav__item">
-        <span role="menuitem">{title}</span>
-        <ul role="menu" aria-label={`${title} menu`}>
-          {children}
-        </ul>
-      </li>
-    );
-  }
+  const MenubarSubmenu = ({ children, title }) => (
+    <li className="nav__item">
+      <span role="menuitem">{title}</span>
+      <ul role="menu" aria-label={`${title} menu`}>
+        {children}
+      </ul>
+    </li>
+  );
 
-  MenubarSubmenu.useMenuProps = () => ({
+  const useMenuProps = () => ({
     isOpen: false,
     handlers: {}
   });
 
-  return MenubarSubmenu;
+  return {
+    __esModule: true,
+    MenubarSubmenu,
+    useMenuProps
+  };
 });
 
 // mock MenubarItem