fix: work around Next.js 13.5 ESM issue

fix #124
fix #125

src/HoverMenu.tsx

@@ -1,5 +1,8 @@
 import * as React from 'react'
-import { Menu, MenuProps } from '@mui/material'
+import { Menu as _Menu, type MenuProps } from '@mui/material'
+import { interopRequireDefault } from './util/interopRequireDefault'
+// work around https://github.com/vercel/next.js/issues/57285
+const Menu = interopRequireDefault(_Menu)
 
 const HoverMenu: React.ComponentType<MenuProps> = React.forwardRef(
   function HoverMenu(props: MenuProps, ref): any {

src/HoverPopover.tsx

@@ -1,5 +1,8 @@
 import * as React from 'react'
-import { Popover, PopoverProps } from '@mui/material'
+import { Popover as _Popover, type PopoverProps } from '@mui/material'
+import { interopRequireDefault } from './util/interopRequireDefault'
+// work around https://github.com/vercel/next.js/issues/57285
+const Popover = interopRequireDefault(_Popover)
 
 const HoverPopover: React.ComponentType<PopoverProps> = React.forwardRef(
   function HoverPopover(props: PopoverProps, ref): any {

src/hooks.ts

@@ -1,16 +1,16 @@
 /* eslint-env browser */
 
 import {
-  SyntheticEvent,
-  MouseEvent,
-  TouchEvent,
-  FocusEvent,
+  type SyntheticEvent,
+  type MouseEvent,
+  type TouchEvent,
+  type FocusEvent,
   useCallback,
   useState,
   useRef,
   useEffect,
 } from 'react'
-import { PopoverPosition, PopoverReference } from '@mui/material'
+import { type PopoverPosition, type PopoverReference } from '@mui/material'
 import { useEvent } from './useEvent'
 
 const printedWarnings: Record<string, boolean> = {}

src/util/interopRequireDefault.ts

@@ -0,0 +1,4 @@
+export function interopRequireDefault<T>(defaultImport: T): T {
+  const asAny: any = defaultImport
+  return asAny.__esModule ? asAny.default : defaultImport
+}