Remove React.lazy on overlay and tooltip

src-web/components/Overlay.tsx

@@ -1,11 +1,10 @@
 import classNames from 'classnames';
+import { FocusTrap } from 'focus-trap-react';
 import * as m from 'motion/react-m';
 import type { ReactNode } from 'react';
-import React, { Suspense , lazy, useRef } from 'react';
+import React, { useRef } from 'react';
 import { Portal } from './Portal';
 
-const FocusTrap = lazy(() => import('focus-trap-react'));
-
 interface Props {
   children: ReactNode;
   portalName: string;
@@ -51,7 +50,6 @@ export function Overlay({
   return (
     <Portal name={portalName}>
       {open && (
-        <Suspense>
         <FocusTrap
           focusTrapOptions={{
             allowOutsideClick: true, // So we can still click toasts and things
@@ -96,7 +94,6 @@ export function Overlay({
             {children}
           </m.div>
         </FocusTrap>
-        </Suspense>
       )}
     </Portal>
   );

src-web/components/core/Tooltip.tsx

@@ -1,17 +1,8 @@
 import classNames from 'classnames';
-import type {
+import type { CSSProperties, KeyboardEvent, ReactNode } from 'react';
-  CSSProperties,
+import React, { useRef, useState } from 'react';
-  KeyboardEvent,
-  ReactNode} from 'react';
-import React, {
-  lazy,
-  Suspense,
-  useRef,
-  useState,
-} from 'react';
 import { generateId } from '../../lib/generateId';
-
+import { Portal } from '../Portal';
-const Portal = lazy(() => import('../Portal').then((m) => ({ default: m.Portal })));
 
 export interface TooltipProps {
   children: ReactNode;
@@ -75,7 +66,7 @@ export function Tooltip({ children, content, tabIndex, size = 'md' }: TooltipPro
   const id = useRef(`tooltip-${generateId()}`);
 
   return (
-    <Suspense>
+    <>
       <Portal name="tooltip">
         <div
           ref={tooltipRef}
@@ -114,7 +105,7 @@ export function Tooltip({ children, content, tabIndex, size = 'md' }: TooltipPro
       >
         {children}
       </span>
-    </Suspense>
+    </>
   );
 }