Add flexible tagName support to PanelProps with keyof HTMLElementTagN…

…ameMap (#407)
bvaughn · Sep 27, 2024 · c365aec · c365aec
1 parent 7c8daad
commit c365aec
Showing 1 changed file with 4 additions and 5 deletions.
diff --git a/packages/react-resizable-panels/src/Panel.ts b/packages/react-resizable-panels/src/Panel.ts
@@ -54,10 +54,9 @@ export type ImperativePanelHandle = {
   resize: (size: number) => void;
 };
 
-export type PanelProps = Omit<
-  HTMLAttributes<keyof HTMLElementTagNameMap>,
-  "id" | "onResize"
-> &
+export type PanelProps<
+  T extends keyof HTMLElementTagNameMap = keyof HTMLElementTagNameMap,
+> = Omit<HTMLAttributes<HTMLElementTagNameMap[T]>, "id" | "onResize"> &
   PropsWithChildren<{
     className?: string;
     collapsedSize?: number | undefined;
@@ -71,7 +70,7 @@ export type PanelProps = Omit<
     onResize?: PanelOnResize;
     order?: number;
     style?: object;
-    tagName?: keyof HTMLElementTagNameMap;
+    tagName?: T;
   }>;
 
 export function PanelWithForwardedRef({