From 6a35a9a227b5a026a091e9e449bc2d1bb04d3777 Mon Sep 17 00:00:00 2001
From: Mukul Sharma <mukulkumarsharma12@gmail.com>
Date: Wed, 30 Jul 2025 22:59:36 +0530
Subject: [PATCH] fix: react types backwards compat for Tabs (#8651)

Co-authored-by: mukulsharma@adobe <mukulsharma@adobe.com>
---
 packages/@react-spectrum/tabs/src/Tabs.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/@react-spectrum/tabs/src/Tabs.tsx b/packages/@react-spectrum/tabs/src/Tabs.tsx
index e6342c14bb7..b7731a8b22d 100644
--- a/packages/@react-spectrum/tabs/src/Tabs.tsx
+++ b/packages/@react-spectrum/tabs/src/Tabs.tsx
@@ -261,7 +261,7 @@ function TabLine(props: TabLineProps) {
  * A TabList is used within Tabs to group tabs that a user can switch between.
  * The keys of the items within the <TabList> must match up with a corresponding item inside the <TabPanels>.
  */
-export function TabList<T>(props: SpectrumTabListProps<T>): ReactNode {
+export function TabList<T>(props: SpectrumTabListProps<T>): ReactElement {
   const tabContext = useContext(TabContext)!;
   const {refs, tabState, tabProps, tabPanelProps} = tabContext;
   const {isQuiet, density, isEmphasized, orientation} = tabProps;
@@ -337,7 +337,7 @@ export function TabList<T>(props: SpectrumTabListProps<T>): ReactNode {
  * TabPanels is used within Tabs as a container for the content of each tab.
  * The keys of the items within the <TabPanels> must match up with a corresponding item inside the <TabList>.
  */
-export function TabPanels<T extends object>(props: SpectrumTabPanelsProps<T>): ReactNode {
+export function TabPanels<T extends object>(props: SpectrumTabPanelsProps<T>): ReactElement {
   const {tabState, tabProps} = useContext(TabContext)!;
   const {tabListState} = tabState;