Skip to content

Commit 7308759

Browse files
snowystingersnowystinger
committed
revert v3 explicit change
1 parent 8c89fa6 commit 7308759

23 files changed

+48
-48
lines changed

‎packages/@react-spectrum/breadcrumbs/src/BreadcrumbItem.tsx

+2-2
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@ import ChevronRightSmall from '@spectrum-icons/ui/ChevronRightSmall';
1515
import {classNames} from '@react-spectrum/utils';
1616
import {FocusRing} from '@react-aria/focus';
1717
import {mergeProps} from '@react-aria/utils';
18-
import React, {Fragment, ReactNode, useRef} from 'react';
18+
import React, {Fragment, JSX, useRef} from 'react';
1919
import styles from '@adobe/spectrum-css-temp/components/breadcrumb/vars.css';
2020
import {useBreadcrumbItem} from '@react-aria/breadcrumbs';
2121
import {useHover} from '@react-aria/interactions';
@@ -25,7 +25,7 @@ interface SpectrumBreadcrumbItemProps extends BreadcrumbItemProps {
2525
isMenu?: boolean
2626
}
2727

28-
export function BreadcrumbItem(props: SpectrumBreadcrumbItemProps): ReactNode {
28+
export function BreadcrumbItem(props: SpectrumBreadcrumbItemProps): JSX.Element {
2929
let {
3030
children,
3131
isCurrent,

‎packages/@react-spectrum/calendar/src/CalendarBase.tsx

+2-2
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,7 @@ import {DOMProps, RefObject, StyleProps} from '@react-types/shared';
2323
import {HelpText} from '@react-spectrum/label';
2424
// @ts-ignore
2525
import intlMessages from '../intl/*.json';
26-
import React, {HTMLAttributes, JSX, ReactNode} from 'react';
26+
import React, {HTMLAttributes, JSX} from 'react';
2727
import styles from '@adobe/spectrum-css-temp/components/calendar/vars.css';
2828
import {useDateFormatter, useLocale, useLocalizedStringFormatter} from '@react-aria/i18n';
2929
import {VisuallyHidden} from '@react-aria/visually-hidden';
@@ -38,7 +38,7 @@ interface CalendarBaseProps<T extends CalendarState | RangeCalendarState> extend
3838
calendarRef: RefObject<HTMLDivElement | null>
3939
}
4040

41-
export function CalendarBase<T extends CalendarState | RangeCalendarState>(props: CalendarBaseProps<T>): ReactNode {
41+
export function CalendarBase<T extends CalendarState | RangeCalendarState>(props: CalendarBaseProps<T>): JSX.Element {
4242
let {
4343
state,
4444
calendarProps,

‎packages/@react-spectrum/calendar/src/CalendarCell.tsx

+2-2
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@ import {CalendarDate, getDayOfWeek, isSameDay, isSameMonth, isToday} from '@inte
1515
import {CalendarState, RangeCalendarState} from '@react-stately/calendar';
1616
import {classNames} from '@react-spectrum/utils';
1717
import {mergeProps} from '@react-aria/utils';
18-
import React, {ReactNode, useRef} from 'react';
18+
import React, {JSX, useRef} from 'react';
1919
import styles from '@adobe/spectrum-css-temp/components/calendar/vars.css';
2020
import {useFocusRing} from '@react-aria/focus';
2121
import {useHover} from '@react-aria/interactions';
@@ -27,7 +27,7 @@ interface CalendarCellProps extends AriaCalendarCellProps {
2727
firstDayOfWeek?: 'sun' | 'mon' | 'tue' | 'wed' | 'thu' | 'fri' | 'sat'
2828
}
2929

30-
export function CalendarCell({state, currentMonth, firstDayOfWeek, ...props}: CalendarCellProps): ReactNode {
30+
export function CalendarCell({state, currentMonth, firstDayOfWeek, ...props}: CalendarCellProps): JSX.Element {
3131
let ref = useRef<HTMLElement>(null);
3232
let {
3333
cellProps,

‎packages/@react-spectrum/calendar/src/CalendarMonth.tsx

+2-2
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@ import {CalendarPropsBase} from '@react-types/calendar';
1616
import {CalendarState, RangeCalendarState} from '@react-stately/calendar';
1717
import {classNames} from '@react-spectrum/utils';
1818
import {DOMProps, StyleProps} from '@react-types/shared';
19-
import React, {ReactNode} from 'react';
19+
import React, {JSX} from 'react';
2020
import styles from '@adobe/spectrum-css-temp/components/calendar/vars.css';
2121
import {useCalendarGrid} from '@react-aria/calendar';
2222

@@ -25,7 +25,7 @@ interface CalendarMonthProps extends CalendarPropsBase, DOMProps, StyleProps {
2525
startDate: CalendarDate
2626
}
2727

28-
export function CalendarMonth(props: CalendarMonthProps): ReactNode {
28+
export function CalendarMonth(props: CalendarMonthProps): JSX.Element {
2929
let {
3030
state,
3131
startDate,

‎packages/@react-spectrum/color/src/ColorThumb.tsx

+2-2
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@ import {classNames} from '@react-spectrum/utils';
1414
import {Color} from '@react-types/color';
1515
import {DOMProps, RefObject} from '@react-types/shared';
1616
import {Overlay} from '@react-spectrum/overlays';
17-
import React, {CSSProperties, ReactElement, ReactNode, useRef, useState} from 'react';
17+
import React, {CSSProperties, JSX, ReactElement, useRef, useState} from 'react';
1818
import stylesHandle from '@adobe/spectrum-css-temp/components/colorhandle/vars.css';
1919
import stylesLoupe from '@adobe/spectrum-css-temp/components/colorloupe/vars.css';
2020
import {useId, useLayoutEffect} from '@react-aria/utils';
@@ -31,7 +31,7 @@ interface ColorThumbProps extends DOMProps {
3131
containerRef?: RefObject<HTMLElement | null>
3232
}
3333

34-
function ColorThumb(props: ColorThumbProps): ReactNode {
34+
function ColorThumb(props: ColorThumbProps): JSX.Element {
3535
let {value, isDisabled, isDragging, isFocused, children, className = '', style, containerRef, ...otherProps} = props;
3636

3737
let valueCSS = value.toString('css');

‎packages/@react-spectrum/datepicker/src/DatePickerField.tsx

+2-2
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@ import {createCalendar} from '@internationalized/date';
1515
import {DatePickerSegment} from './DatePickerSegment';
1616
import datepickerStyles from './styles.css';
1717
import {DateValue, SpectrumDatePickerProps} from '@react-types/datepicker';
18-
import React, {ReactNode, useRef} from 'react';
18+
import React, {JSX, useRef} from 'react';
1919
import {useDateField} from '@react-aria/datepicker';
2020
import {useDateFieldState} from '@react-stately/datepicker';
2121
import {useLocale} from '@react-aria/i18n';
@@ -26,7 +26,7 @@ interface DatePickerFieldProps<T extends DateValue> extends SpectrumDatePickerPr
2626
maxGranularity?: SpectrumDatePickerProps<T>['granularity']
2727
}
2828

29-
export function DatePickerField<T extends DateValue>(props: DatePickerFieldProps<T>): ReactNode {
29+
export function DatePickerField<T extends DateValue>(props: DatePickerFieldProps<T>): JSX.Element {
3030
let {
3131
isDisabled,
3232
isReadOnly,

‎packages/@react-spectrum/datepicker/src/DatePickerSegment.tsx

+2-2
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@
1313
import {classNames} from '@react-spectrum/utils';
1414
import {DateFieldState, DateSegment} from '@react-stately/datepicker';
1515
import {DatePickerBase, DateValue} from '@react-types/datepicker';
16-
import React, {ReactNode, useRef} from 'react';
16+
import React, {JSX, useRef} from 'react';
1717
import styles from './styles.css';
1818
import {useDateSegment} from '@react-aria/datepicker';
1919

@@ -26,7 +26,7 @@ interface LiteralSegmentProps {
2626
segment: DateSegment
2727
}
2828

29-
export function DatePickerSegment({segment, state, ...otherProps}: DatePickerSegmentProps): ReactNode {
29+
export function DatePickerSegment({segment, state, ...otherProps}: DatePickerSegmentProps): JSX.Element {
3030
switch (segment.type) {
3131
// A separator, e.g. punctuation
3232
case 'literal':

‎packages/@react-spectrum/dialog/src/DialogContainer.tsx

+2-2
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@
1212

1313
import {DialogContext} from './context';
1414
import {Modal} from '@react-spectrum/overlays';
15-
import React, {ReactElement, ReactNode, useState} from 'react';
15+
import React, {JSX, ReactElement, useState} from 'react';
1616
import {SpectrumDialogContainerProps} from '@react-types/dialog';
1717
import {useOverlayTriggerState} from '@react-stately/overlays';
1818

@@ -21,7 +21,7 @@ import {useOverlayTriggerState} from '@react-stately/overlays';
2121
* it in a modal. Useful in cases where there is no trigger element
2222
* or when the trigger unmounts while the dialog is open.
2323
*/
24-
export function DialogContainer(props: SpectrumDialogContainerProps): ReactNode {
24+
export function DialogContainer(props: SpectrumDialogContainerProps): JSX.Element {
2525
let {
2626
children,
2727
type = 'modal',

‎packages/@react-spectrum/icon/src/Icon.tsx

+2-2
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@ import {AriaLabelingProps, DOMProps, IconColorValue, StyleProps} from '@react-ty
1414
import {baseStyleProps, classNames, StyleHandlers, useSlotProps, useStyleProps} from '@react-spectrum/utils';
1515
import {filterDOMProps} from '@react-aria/utils';
1616
import {ProviderContext, useProvider} from '@react-spectrum/provider';
17-
import React, {ReactElement, ReactNode} from 'react';
17+
import React, {JSX, ReactElement} from 'react';
1818
import styles from '@adobe/spectrum-css-temp/components/icon/vars.css';
1919

2020
export interface IconProps extends DOMProps, AriaLabelingProps, StyleProps {
@@ -59,7 +59,7 @@ const iconStyleProps: StyleHandlers = {
5959
/**
6060
* Spectrum icons are clear, minimal, and consistent across platforms. They follow the focused and rational principles of the design system in both metaphor and style.
6161
*/
62-
export function Icon(props: IconProps): ReactNode {
62+
export function Icon(props: IconProps): JSX.Element {
6363
props = useSlotProps(props, 'icon');
6464
let {
6565
children,

‎packages/@react-spectrum/icon/src/Illustration.tsx

+2-2
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@
1212

1313
import {AriaLabelingProps, DOMProps, StyleProps} from '@react-types/shared';
1414
import {filterDOMProps} from '@react-aria/utils';
15-
import React, {ReactElement, ReactNode} from 'react';
15+
import React, {JSX, ReactElement} from 'react';
1616
import {useSlotProps, useStyleProps} from '@react-spectrum/utils';
1717

1818
export interface IllustrationProps extends DOMProps, AriaLabelingProps, StyleProps {
@@ -40,7 +40,7 @@ export type IllustrationPropsWithoutChildren = Omit<IllustrationProps, 'children
4040
/**
4141
* Wrapper component for illustrations. Use this to wrap your svg element for a custom illustration.
4242
*/
43-
export function Illustration(props: IllustrationProps): ReactNode {
43+
export function Illustration(props: IllustrationProps): JSX.Element {
4444
props = useSlotProps(props, 'illustration');
4545
let {
4646
children,

‎packages/@react-spectrum/icon/src/UIIcon.tsx

+2-2
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@ import {AriaLabelingProps, DOMProps, StyleProps} from '@react-types/shared';
1414
import {classNames, useSlotProps, useStyleProps} from '@react-spectrum/utils';
1515
import {filterDOMProps} from '@react-aria/utils';
1616
import {ProviderContext, useProvider} from '@react-spectrum/provider';
17-
import React, {ReactElement, ReactNode} from 'react';
17+
import React, {JSX, ReactElement} from 'react';
1818
import styles from '@adobe/spectrum-css-temp/components/icon/vars.css';
1919

2020
export interface UIIconProps extends DOMProps, AriaLabelingProps, StyleProps {
@@ -28,7 +28,7 @@ export interface UIIconProps extends DOMProps, AriaLabelingProps, StyleProps {
2828

2929
export type UIIconPropsWithoutChildren = Omit<UIIconProps, 'children'>;
3030

31-
export function UIIcon(props: UIIconProps): ReactNode {
31+
export function UIIcon(props: UIIconProps): JSX.Element {
3232
props = useSlotProps(props, 'icon');
3333
let {
3434
children,

‎packages/@react-spectrum/link/src/Link.tsx

+2-2
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@
1313
import {classNames, getWrappedElement, useSlotProps, useStyleProps} from '@react-spectrum/utils';
1414
import {FocusRing} from '@react-aria/focus';
1515
import {mergeProps, mergeRefs} from '@react-aria/utils';
16-
import React, {ForwardedRef, JSX, MutableRefObject, ReactNode, useRef} from 'react';
16+
import React, {ForwardedRef, JSX, MutableRefObject, useRef} from 'react';
1717
import {SpectrumLinkProps} from '@react-types/link';
1818
import styles from '@adobe/spectrum-css-temp/components/link/vars.css';
1919
import {useHover} from '@react-aria/interactions';
@@ -25,7 +25,7 @@ let isOldReact = parseInt(React.version, 10) <= 18;
2525
* Links allow users to navigate to a different location.
2626
* They can be presented inline inside a paragraph or as standalone text.
2727
*/
28-
export function Link(props: SpectrumLinkProps): ReactNode {
28+
export function Link(props: SpectrumLinkProps): JSX.Element {
2929
props = useProviderProps(props);
3030
props = useSlotProps(props, 'link');
3131
let {

‎packages/@react-spectrum/list/src/DragPreview.tsx

+2-2
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@ import {classNames, SlotProvider} from '@react-spectrum/utils';
1313
import {Grid} from '@react-spectrum/layout';
1414
import {GridNode} from '@react-types/grid';
1515
import listStyles from './styles.css';
16-
import React, {ReactNode} from 'react';
16+
import React, {JSX} from 'react';
1717
import type {SpectrumListViewProps} from './ListView';
1818
import {Text} from '@react-spectrum/text';
1919

@@ -24,7 +24,7 @@ interface DragPreviewProps<T> {
2424
density: SpectrumListViewProps<T>['density']
2525
}
2626

27-
export function DragPreview(props: DragPreviewProps<unknown>): ReactNode {
27+
export function DragPreview(props: DragPreviewProps<unknown>): JSX.Element {
2828
let {
2929
item,
3030
itemCount,

‎packages/@react-spectrum/list/src/InsertionIndicator.tsx

+2-2
Original file line numberDiff line numberDiff line change
@@ -2,15 +2,15 @@ import {classNames} from '@react-spectrum/utils';
22
import {ItemDropTarget} from '@react-types/shared';
33
import listStyles from './styles.css';
44
import {ListViewContext} from './ListView';
5-
import React, {ReactNode, useContext, useRef} from 'react';
5+
import React, {JSX, useContext, useRef} from 'react';
66
import {useVisuallyHidden} from '@react-aria/visually-hidden';
77

88
interface InsertionIndicatorProps {
99
target: ItemDropTarget,
1010
isPresentationOnly?: boolean
1111
}
1212

13-
export default function InsertionIndicator(props: InsertionIndicatorProps): ReactNode | null {
13+
export default function InsertionIndicator(props: InsertionIndicatorProps): JSX.Element | null {
1414
let {dropState, dragAndDropHooks} = useContext(ListViewContext)!;
1515
const {target, isPresentationOnly} = props;
1616

‎packages/@react-spectrum/list/src/ListViewItem.tsx

+2-2
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,7 @@ import listStyles from './styles.css';
2424
import {ListViewContext} from './ListView';
2525
import {mergeProps} from '@react-aria/utils';
2626
import {Provider} from '@react-spectrum/provider';
27-
import React, {ReactNode, useContext, useRef} from 'react';
27+
import React, {JSX, useContext, useRef} from 'react';
2828
import {Text} from '@react-spectrum/text';
2929
import {useButton} from '@react-aria/button';
3030
import {useGridListItem, useGridListSelectionCheckbox} from '@react-aria/gridlist';
@@ -37,7 +37,7 @@ interface ListViewItemProps<T> {
3737
hasActions: boolean
3838
}
3939

40-
export function ListViewItem<T>(props: ListViewItemProps<T>): ReactNode {
40+
export function ListViewItem<T>(props: ListViewItemProps<T>): JSX.Element {
4141
let {
4242
item,
4343
isEmphasized

‎packages/@react-spectrum/list/src/RootDropIndicator.tsx

+2-2
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
import {ListViewContext} from './ListView';
2-
import React, {ReactNode, useContext, useRef} from 'react';
2+
import React, {JSX, useContext, useRef} from 'react';
33
import {useVisuallyHidden} from '@react-aria/visually-hidden';
44

5-
export default function RootDropIndicator(): ReactNode | null {
5+
export default function RootDropIndicator(): JSX.Element | null {
66
let {dropState, dragAndDropHooks} = useContext(ListViewContext)!;
77
let ref = useRef<HTMLDivElement | null>(null);
88
let {dropIndicatorProps} = dragAndDropHooks!.useDropIndicator!({

‎packages/@react-spectrum/listbox/src/ListBoxOption.tsx

+2-2
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@ import {isFocusVisible, useHover} from '@react-aria/interactions';
1818
import {ListBoxContext} from './ListBoxContext';
1919
import {mergeProps} from '@react-aria/utils';
2020
import {Node} from '@react-types/shared';
21-
import React, {ReactNode, useContext, useRef} from 'react';
21+
import React, {JSX, useContext, useRef} from 'react';
2222
import styles from '@adobe/spectrum-css-temp/components/menu/vars.css';
2323
import {Text} from '@react-spectrum/text';
2424
import {useOption} from '@react-aria/listbox';
@@ -28,7 +28,7 @@ interface OptionProps<T> {
2828
}
2929

3030
/** @private */
31-
export function ListBoxOption<T>(props: OptionProps<T>): ReactNode {
31+
export function ListBoxOption<T>(props: OptionProps<T>): JSX.Element {
3232
let {item} = props;
3333

3434
let {

‎packages/@react-spectrum/listbox/src/ListBoxSection.tsx

+2-2
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@ import {LayoutInfo} from '@react-stately/virtualizer';
1515
import {layoutInfoToStyle, useVirtualizerItem, VirtualizerItemOptions} from '@react-aria/virtualizer';
1616
import {ListBoxContext} from './ListBoxContext';
1717
import {Node} from '@react-types/shared';
18-
import React, {Fragment, ReactNode, useContext, useRef} from 'react';
18+
import React, {Fragment, JSX, ReactNode, useContext, useRef} from 'react';
1919
import styles from '@adobe/spectrum-css-temp/components/menu/vars.css';
2020
import {useListBoxSection} from '@react-aria/listbox';
2121
import {useLocale} from '@react-aria/i18n';
@@ -28,7 +28,7 @@ interface ListBoxSectionProps<T> extends Omit<VirtualizerItemOptions, 'ref' | 'l
2828
}
2929

3030
/** @private */
31-
export function ListBoxSection<T>(props: ListBoxSectionProps<T>): ReactNode {
31+
export function ListBoxSection<T>(props: ListBoxSectionProps<T>): JSX.Element {
3232
let {children, layoutInfo, headerLayoutInfo, virtualizer, item} = props;
3333
let {headingProps, groupProps} = useListBoxSection({
3434
heading: item.rendered,

‎packages/@react-spectrum/menu/src/MenuItem.tsx

+2-2
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,7 @@ import InfoOutline from '@spectrum-icons/workflow/InfoOutline';
2121
// @ts-ignore
2222
import intlMessages from '../intl/*.json';
2323
import {mergeRefs, useObjectRef, useSlotId} from '@react-aria/utils';
24-
import React, {ReactNode, useMemo, useRef} from 'react';
24+
import React, {JSX, useMemo, useRef} from 'react';
2525
import styles from '@adobe/spectrum-css-temp/components/menu/vars.css';
2626
import {Text} from '@react-spectrum/text';
2727
import {TreeState} from '@react-stately/tree';
@@ -36,7 +36,7 @@ interface MenuItemProps<T> {
3636
}
3737

3838
/** @private */
39-
export function MenuItem<T>(props: MenuItemProps<T>): ReactNode {
39+
export function MenuItem<T>(props: MenuItemProps<T>): JSX.Element {
4040
let {
4141
item,
4242
state,

‎packages/@react-spectrum/menu/src/MenuSection.tsx

+2-2
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@ import {classNames} from '@react-spectrum/utils';
1414
import {getChildNodes} from '@react-stately/collections';
1515
import {MenuItem} from './MenuItem';
1616
import {Node} from '@react-types/shared';
17-
import React, {Fragment, ReactNode} from 'react';
17+
import React, {Fragment, JSX} from 'react';
1818
import styles from '@adobe/spectrum-css-temp/components/menu/vars.css';
1919
import {TreeState} from '@react-stately/tree';
2020
import {useMenuSection} from '@react-aria/menu';
@@ -26,7 +26,7 @@ interface MenuSectionProps<T> {
2626
}
2727

2828
/** @private */
29-
export function MenuSection<T>(props: MenuSectionProps<T>): ReactNode {
29+
export function MenuSection<T>(props: MenuSectionProps<T>): JSX.Element {
3030
let {item, state} = props;
3131
let {itemProps, headingProps, groupProps} = useMenuSection({
3232
heading: item.rendered,

‎packages/@react-spectrum/overlays/src/OpenTransition.tsx

+4-4
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@
1010
* governing permissions and limitations under the License.
1111
*/
1212

13-
import React, {ReactElement, ReactNode} from 'react';
13+
import React, {JSX, JSXElementConstructor, ReactElement} from 'react';
1414
import {Transition} from 'react-transition-group';
1515
// TODO install @types/react-transition-group
1616

@@ -35,15 +35,15 @@ const OPEN_STATES = {
3535
export function OpenTransition(
3636
// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
3737
props
38-
): ReactNode {
38+
): JSX.Element | ReactElement<any, string | JSXElementConstructor<any>>[] {
3939
// Do not apply any transition if in chromatic.
4040
if (process.env.CHROMATIC) {
41-
return React.Children.map(props.children as ReactElement<any>, child => child && React.cloneElement(child, {isOpen: props.in}));
41+
return React.Children.map(props.children, child => child && React.cloneElement(child, {isOpen: props.in}));
4242
}
4343

4444
return (
4545
<Transition timeout={{enter: 0, exit: 350}} {...props}>
46-
{(state) => React.Children.map(props.children, child => child && React.cloneElement(child as ReactElement<any>, {isOpen: !!OPEN_STATES[state]}))}
46+
{(state) => React.Children.map(props.children, child => child && React.cloneElement(child, {isOpen: !!OPEN_STATES[state]}))}
4747
</Transition>
4848
);
4949
}

‎packages/@react-spectrum/overlays/src/Underlay.tsx

+2-2
Original file line numberDiff line numberDiff line change
@@ -11,15 +11,15 @@
1111
*/
1212

1313
import {classNames} from '@react-spectrum/utils';
14-
import React, {ReactNode} from 'react';
14+
import React, {JSX} from 'react';
1515
import underlayStyles from '@adobe/spectrum-css-temp/components/underlay/vars.css';
1616

1717
interface UnderlayProps {
1818
isOpen?: boolean,
1919
isTransparent?: boolean
2020
}
2121

22-
export function Underlay({isOpen, isTransparent, ...otherProps}: UnderlayProps): ReactNode {
22+
export function Underlay({isOpen, isTransparent, ...otherProps}: UnderlayProps): JSX.Element {
2323
return (
2424
<div data-testid="underlay" {...otherProps} className={classNames(underlayStyles, 'spectrum-Underlay', {'is-open': isOpen, 'spectrum-Underlay--transparent': isTransparent})} />
2525
);

0 commit comments

Comments
 (0)