fix: react types backwards compat for Tabs (#8651)

Co-authored-by: mukulsharma@adobe <[email protected]>

Author: MukulAppDev

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;