From 8e5db754805d72e7b09efd025631e578f7fed739 Mon Sep 17 00:00:00 2001
From: Robin <robin@robin.town>
Date: Wed, 13 Dec 2023 14:59:43 -0500
Subject: [PATCH] Change types some more for React 17 compatibility

---
 src/components/Menu/DrawerMenu.tsx   | 2 +-
 src/components/Menu/FloatingMenu.tsx | 2 +-
 src/components/Menu/MenuItem.tsx     | 3 +--
 3 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/components/Menu/DrawerMenu.tsx b/src/components/Menu/DrawerMenu.tsx
index db6276a7..dc56b6e3 100644
--- a/src/components/Menu/DrawerMenu.tsx
+++ b/src/components/Menu/DrawerMenu.tsx
@@ -36,7 +36,7 @@ interface Props extends ComponentPropsWithoutRef<"div"> {
 // This an internal component not intended for export! Consumers should use it
 // via the Menu or ContextMenu components.
 export const DrawerMenu = forwardRef<HTMLDivElement, Props>(
-  ({ title, children, className, ...props }, ref): ReactNode => (
+  ({ title, children, className, ...props }, ref) => (
     <div
       ref={ref}
       className={classNames(className, styles.drawer)}
diff --git a/src/components/Menu/FloatingMenu.tsx b/src/components/Menu/FloatingMenu.tsx
index 6231d264..2305f2e5 100644
--- a/src/components/Menu/FloatingMenu.tsx
+++ b/src/components/Menu/FloatingMenu.tsx
@@ -41,7 +41,7 @@ interface Props extends ComponentPropsWithoutRef<"div"> {
 // This an internal component not intended for export! Consumers should use it
 // via the Menu or ContextMenu components.
 export const FloatingMenu = forwardRef<HTMLDivElement, Props>(
-  ({ title, className, children, ...props }, ref): ReactNode => {
+  ({ title, className, children, ...props }, ref) => {
     const titleId = useId();
     return (
       <div
diff --git a/src/components/Menu/MenuItem.tsx b/src/components/Menu/MenuItem.tsx
index df45a17f..2892a230 100644
--- a/src/components/Menu/MenuItem.tsx
+++ b/src/components/Menu/MenuItem.tsx
@@ -19,7 +19,6 @@ import React, {
   ComponentPropsWithoutRef,
   ComponentType,
   ElementType,
-  ReactNode,
   SVGAttributes,
   useCallback,
   useContext,
@@ -80,7 +79,7 @@ export const MenuItem = <C extends MenuItemElement = "button">({
   onClick: onClickProp,
   disabled,
   ...props
-}: Props<C>): Exclude<ReactNode, undefined> => {
+}: Props<C>): JSX.Element => {
   const Component = as ?? ("button" as ElementType);
   const context = useContext(MenuContext);