@@ -110,15 +110,15 @@ export function Basic(): JSX.Element {
);
}
-export function Small(): JSX.Element {
+export function Small(): React.JSX.Element {
return {TEXT_LONG};
}
-export function Large(): JSX.Element {
+export function Large(): React.JSX.Element {
return {TEXT_LONG};
}
-export function IconAction(): JSX.Element {
+export function IconAction(): React.JSX.Element {
return (
{TEXT_SHORT}
@@ -126,7 +126,7 @@ export function IconAction(): JSX.Element {
);
}
-export function LongContent(): JSX.Element {
+export function LongContent(): React.JSX.Element {
return (
@@ -138,7 +138,7 @@ export function LongContent(): JSX.Element {
);
}
-export function BackButton(): JSX.Element {
+export function BackButton(): React.JSX.Element {
return (
{TEXT_LONG}
@@ -146,7 +146,7 @@ export function BackButton(): JSX.Element {
);
}
-export function FooterContent(): JSX.Element {
+export function FooterContent(): React.JSX.Element {
return (
{TEXT_LONG}
@@ -154,7 +154,7 @@ export function FooterContent(): JSX.Element {
);
}
-export function FooterContentLong(): JSX.Element {
+export function FooterContentLong(): React.JSX.Element {
return (
{TEXT_LONG}
@@ -162,7 +162,7 @@ export function FooterContentLong(): JSX.Element {
);
}
-export function FooterContentLongAndTight(): JSX.Element {
+export function FooterContentLongAndTight(): React.JSX.Element {
return (
{TEXT_LONG}
@@ -198,7 +198,7 @@ function TextInputField(props: { placeholder: string }) {
);
}
-export function ExampleNicknameAndNoteDialog(): JSX.Element {
+export function ExampleNicknameAndNoteDialog(): React.JSX.Element {
const [open, setOpen] = useState(true);
return (
@@ -266,7 +266,7 @@ function CheckboxField(props: { label: string }) {
);
}
-export function ExampleMuteNotificationsDialog(): JSX.Element {
+export function ExampleMuteNotificationsDialog(): React.JSX.Element {
const [open, setOpen] = useState(true);
return (
@@ -333,7 +333,7 @@ function ExampleItem(props: { label: string; description: string }) {
);
}
-export function ExampleLanguageDialog(): JSX.Element {
+export function ExampleLanguageDialog(): React.JSX.Element {
const [open, setOpen] = useState(true);
return (
diff --git a/ts/axo/AxoDropdownMenu.dom.stories.tsx b/ts/axo/AxoDropdownMenu.dom.stories.tsx
index 87652c63bf..bcf346baa3 100644
--- a/ts/axo/AxoDropdownMenu.dom.stories.tsx
+++ b/ts/axo/AxoDropdownMenu.dom.stories.tsx
@@ -20,7 +20,7 @@ function Container(props: { children: ReactNode }) {
);
}
-export function Basic(): JSX.Element {
+export function Basic(): React.JSX.Element {
const [showBookmarks, setShowBookmarks] = useState(true);
const [showFullUrls, setShowFullUrls] = useState(false);
const [selectedPerson, setSelectedPerson] = useState('jamie');
@@ -109,7 +109,7 @@ export function Basic(): JSX.Element {
);
}
-export function WithHeader(): JSX.Element {
+export function WithHeader(): React.JSX.Element {
return (
@@ -153,7 +153,7 @@ export function WithHeader(): JSX.Element {
const LONG_TEXT =
'Lorem ipsum dolor sit amet consectetur adipisicing elit. Cum nostrum, inventore quia tenetur sunt non ab fuga explicabo ullam tempore.';
-export function StressTestLongText(): JSX.Element {
+export function StressTestLongText(): React.JSX.Element {
const items = (
<>
diff --git a/ts/axo/AxoIconButton.dom.stories.tsx b/ts/axo/AxoIconButton.dom.stories.tsx
index 901abb8bd9..c862f3bde3 100644
--- a/ts/axo/AxoIconButton.dom.stories.tsx
+++ b/ts/axo/AxoIconButton.dom.stories.tsx
@@ -10,7 +10,7 @@ export default {
title: 'Axo/AxoIconButton',
} satisfies Meta;
-export function Basic(): JSX.Element {
+export function Basic(): React.JSX.Element {
return (
@@ -92,7 +92,7 @@ export function Variants(): JSX.Element {
);
}
-export function Sizes(): JSX.Element {
+export function Sizes(): React.JSX.Element {
return (
{AxoIconButton._getAllSizes().map((size, sizeIndex) => {
@@ -139,7 +139,7 @@ const AllStates: Record
> = {
'aria-pressed=true': { 'aria-pressed': true },
};
-export function States(): JSX.Element {
+export function States(): React.JSX.Element {
return (
{Object.keys(AllStates).map((state, stateIndex) => {
@@ -181,7 +181,7 @@ export function States(): JSX.Element {
);
}
-export function Spinners(): JSX.Element {
+export function Spinners(): React.JSX.Element {
return (
{AxoIconButton._getAllSizes().map((size, sizeIndex) => {
diff --git a/ts/axo/AxoIconButton.dom.tsx b/ts/axo/AxoIconButton.dom.tsx
index e8aaec718c..ec4a943f66 100644
--- a/ts/axo/AxoIconButton.dom.tsx
+++ b/ts/axo/AxoIconButton.dom.tsx
@@ -185,7 +185,7 @@ export namespace AxoIconButton {
}>;
// eslint-disable-next-line no-inner-declarations
- function Spinner(props: SpinnerProps): JSX.Element {
+ function Spinner(props: SpinnerProps): React.JSX.Element {
const variant = SpinnerVariants[props.buttonVariant];
const sizeConfig = SpinnerSizes[props.buttonSize];
return (
diff --git a/ts/axo/AxoMenuBuilder.dom.stories.tsx b/ts/axo/AxoMenuBuilder.dom.stories.tsx
index 3ef9dbc79b..df68401bb9 100644
--- a/ts/axo/AxoMenuBuilder.dom.stories.tsx
+++ b/ts/axo/AxoMenuBuilder.dom.stories.tsx
@@ -96,7 +96,7 @@ function Template(props: {
);
}
-export function Basic(): JSX.Element {
+export function Basic(): React.JSX.Element {
return (
diff --git a/ts/axo/AxoMenuBuilder.dom.tsx b/ts/axo/AxoMenuBuilder.dom.tsx
index 7694313175..e5c86ee7e2 100644
--- a/ts/axo/AxoMenuBuilder.dom.tsx
+++ b/ts/axo/AxoMenuBuilder.dom.tsx
@@ -27,7 +27,7 @@ export namespace AxoMenuBuilder {
export const Root: FC = memo(props => {
const { renderer, ...rest } = props;
- let child: JSX.Element;
+ let child: React.JSX.Element;
if (renderer === 'AxoDropdownMenu') {
child = ;
} else if (renderer === 'AxoContextMenu') {
diff --git a/ts/axo/AxoRadioGroup.dom.stories.tsx b/ts/axo/AxoRadioGroup.dom.stories.tsx
index 48f27e5389..d876caaf75 100644
--- a/ts/axo/AxoRadioGroup.dom.stories.tsx
+++ b/ts/axo/AxoRadioGroup.dom.stories.tsx
@@ -8,7 +8,7 @@ export default {
title: 'Axo/AxoRadioGroup',
} satisfies Meta;
-export function Default(): JSX.Element {
+export function Default(): React.JSX.Element {
const [value, setValue] = useState('foo');
return (
diff --git a/ts/axo/AxoScrollArea.dom.stories.tsx b/ts/axo/AxoScrollArea.dom.stories.tsx
index f267d7b8b1..2ef802b0b3 100644
--- a/ts/axo/AxoScrollArea.dom.stories.tsx
+++ b/ts/axo/AxoScrollArea.dom.stories.tsx
@@ -87,15 +87,15 @@ function VerticalVariants(props: { mask?: boolean; hints?: boolean }) {
);
}
-export function Vertical(): JSX.Element {
+export function Vertical(): React.JSX.Element {
return ;
}
-export function VerticalWithHints(): JSX.Element {
+export function VerticalWithHints(): React.JSX.Element {
return ;
}
-export function VerticalWithMask(): JSX.Element {
+export function VerticalWithMask(): React.JSX.Element {
return ;
}
@@ -162,15 +162,15 @@ function HorizontalVariants(props: { mask?: boolean; hints?: boolean }) {
);
}
-export function Horizontal(): JSX.Element {
+export function Horizontal(): React.JSX.Element {
return ;
}
-export function HorizontalWithHints(): JSX.Element {
+export function HorizontalWithHints(): React.JSX.Element {
return ;
}
-export function HorizontalWithMask(): JSX.Element {
+export function HorizontalWithMask(): React.JSX.Element {
return ;
}
@@ -249,14 +249,14 @@ function BothVariants(props: { mask?: boolean; hints?: boolean }) {
);
}
-export function Both(): JSX.Element {
+export function Both(): React.JSX.Element {
return ;
}
-export function BothWithHints(): JSX.Element {
+export function BothWithHints(): React.JSX.Element {
return ;
}
-export function BothWithMask(): JSX.Element {
+export function BothWithMask(): React.JSX.Element {
return ;
}
diff --git a/ts/axo/AxoSegmentedControl.dom.stories.tsx b/ts/axo/AxoSegmentedControl.dom.stories.tsx
index f6bbd7024d..6fa85891c7 100644
--- a/ts/axo/AxoSegmentedControl.dom.stories.tsx
+++ b/ts/axo/AxoSegmentedControl.dom.stories.tsx
@@ -103,18 +103,18 @@ function TemplateVariants(props: {
);
}
-export function Basic(): JSX.Element {
+export function Basic(): React.JSX.Element {
return ;
}
-export function LongNames(): JSX.Element {
+export function LongNames(): React.JSX.Element {
return ;
}
-export function WithBadges(): JSX.Element {
+export function WithBadges(): React.JSX.Element {
return ;
}
-export function LongNamesWithBadges(): JSX.Element {
+export function LongNamesWithBadges(): React.JSX.Element {
return ;
}
diff --git a/ts/axo/AxoSelect.dom.stories.tsx b/ts/axo/AxoSelect.dom.stories.tsx
index 2c5a846eab..d1a753dcb3 100644
--- a/ts/axo/AxoSelect.dom.stories.tsx
+++ b/ts/axo/AxoSelect.dom.stories.tsx
@@ -14,7 +14,7 @@ function TemplateItem(props: {
value: string;
disabled?: boolean;
children: ReactNode;
-}): JSX.Element {
+}): React.JSX.Element {
return (
{props.children}
@@ -71,7 +71,7 @@ function Template(props: {
);
}
-export function Basic(): JSX.Element {
+export function Basic(): React.JSX.Element {
return (
@@ -27,7 +27,7 @@ function Template(props: {
);
}
-export function Basic(): JSX.Element {
+export function Basic(): React.JSX.Element {
return (
<>
AxoSwitch
diff --git a/ts/axo/AxoSymbol.dom.stories.tsx b/ts/axo/AxoSymbol.dom.stories.tsx
index ea586f1dee..9570e45efc 100644
--- a/ts/axo/AxoSymbol.dom.stories.tsx
+++ b/ts/axo/AxoSymbol.dom.stories.tsx
@@ -22,7 +22,7 @@ const fuse = new Fuse(allAxoSymbolNames);
const SymbolInfo = memo(function SymbolInfo(props: {
symbolName: AxoSymbol.InlineGlyphName;
-}): JSX.Element {
+}): React.JSX.Element {
const ltr = getAxoSymbolInlineGlyph(props.symbolName, 'ltr');
const rtl = getAxoSymbolInlineGlyph(props.symbolName, 'rtl');
@@ -81,7 +81,7 @@ const SymbolInfo = memo(function SymbolInfo(props: {
);
});
-export function All(): JSX.Element {
+export function All(): React.JSX.Element {
const [input, setInput] = useState('');
const results = useMemo(() => {
diff --git a/ts/axo/AxoSymbol.dom.tsx b/ts/axo/AxoSymbol.dom.tsx
index 65c3b48284..8afe302f4b 100644
--- a/ts/axo/AxoSymbol.dom.tsx
+++ b/ts/axo/AxoSymbol.dom.tsx
@@ -23,7 +23,10 @@ export namespace AxoSymbol {
const labelStyles = tw('select-none');
// eslint-disable-next-line no-inner-declarations
- function useRenderSymbol(glyph: string, label: string | null): JSX.Element {
+ function useRenderSymbol(
+ glyph: string,
+ label: string | null
+ ): React.JSX.Element {
return useMemo(() => {
return (
<>
diff --git a/ts/axo/_internal/AxoBaseMenu.dom.tsx b/ts/axo/_internal/AxoBaseMenu.dom.tsx
index 83e57c545e..22e41b58fd 100644
--- a/ts/axo/_internal/AxoBaseMenu.dom.tsx
+++ b/ts/axo/_internal/AxoBaseMenu.dom.tsx
@@ -93,7 +93,9 @@ export namespace AxoBaseMenu {
children: ReactNode;
}>;
- export function ItemLeadingSlot(props: ItemLeadingSlotProps): JSX.Element {
+ export function ItemLeadingSlot(
+ props: ItemLeadingSlotProps
+ ): React.JSX.Element {
return (
;
- export function ItemContentSlot(props: ItemContentSlotProps): JSX.Element {
+ export function ItemContentSlot(
+ props: ItemContentSlotProps
+ ): React.JSX.Element {
return (
{props.children}
@@ -126,7 +130,7 @@ export namespace AxoBaseMenu {
children: ReactNode;
}>;
- export function ItemText(props: ItemTextProps): JSX.Element {
+ export function ItemText(props: ItemTextProps): React.JSX.Element {
return {props.children};
}
@@ -136,17 +140,17 @@ export namespace AxoBaseMenu {
export function ItemCheckPlaceholder(
props: ItemCheckPlaceholderProps
- ): JSX.Element {
+ ): React.JSX.Element {
return {props.children};
}
- export function ItemCheck(): JSX.Element {
+ export function ItemCheck(): React.JSX.Element {
return ;
}
export function ItemSymbol(props: {
symbol: AxoSymbol.IconName;
- }): JSX.Element {
+ }): React.JSX.Element {
return ;
}
@@ -156,7 +160,7 @@ export namespace AxoBaseMenu {
export function ItemKeyboardShortcut(
props: ItemKeyboardShortcutProps
- ): JSX.Element {
+ ): React.JSX.Element {
return (
;
-export function Basic(args: AboutProps): JSX.Element {
+export function Basic(args: AboutProps): React.JSX.Element {
return (
diff --git a/ts/components/About.dom.tsx b/ts/components/About.dom.tsx
index 45028a7b2d..33e0f0f09b 100644
--- a/ts/components/About.dom.tsx
+++ b/ts/components/About.dom.tsx
@@ -22,7 +22,7 @@ export function About({
platform,
i18n,
version,
-}: AboutProps): JSX.Element {
+}: AboutProps): React.JSX.Element {
useEscapeHandling(closeAbout);
let env: string;
diff --git a/ts/components/AddGroupMemberErrorDialog.dom.stories.tsx b/ts/components/AddGroupMemberErrorDialog.dom.stories.tsx
index e4e58cbdb9..bf6a1ba1c1 100644
--- a/ts/components/AddGroupMemberErrorDialog.dom.stories.tsx
+++ b/ts/components/AddGroupMemberErrorDialog.dom.stories.tsx
@@ -23,7 +23,7 @@ const defaultProps = {
onClose: action('onClose'),
};
-export function MaximumGroupSize(): JSX.Element {
+export function MaximumGroupSize(): React.JSX.Element {
return (
void;
} & PropsDataType;
-export function AddGroupMemberErrorDialog(props: PropsType): JSX.Element {
+export function AddGroupMemberErrorDialog(props: PropsType): React.JSX.Element {
const { i18n, onClose } = props;
let title: string;
diff --git a/ts/components/AddUserToAnotherGroupModal.dom.tsx b/ts/components/AddUserToAnotherGroupModal.dom.tsx
index 89d2f0a621..019aad8ec4 100644
--- a/ts/components/AddUserToAnotherGroupModal.dom.tsx
+++ b/ts/components/AddUserToAnotherGroupModal.dom.tsx
@@ -55,7 +55,7 @@ export function AddUserToAnotherGroupModal({
showToast,
candidateConversations,
regionCode,
-}: Props): JSX.Element | null {
+}: Props): React.JSX.Element | null {
const [searchTerm, setSearchTerm] = React.useState('');
const [filteredConversations, setFilteredConversations] = React.useState(
filterAndSortConversations(candidateConversations, '', undefined)
diff --git a/ts/components/Alert.dom.stories.tsx b/ts/components/Alert.dom.stories.tsx
index c628dee70a..7b076094f7 100644
--- a/ts/components/Alert.dom.stories.tsx
+++ b/ts/components/Alert.dom.stories.tsx
@@ -21,7 +21,7 @@ const defaultProps = {
const LOREM_IPSUM =
'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. Sed sit amet ipsum mauris. Maecenas congue ligula ac quam viverra nec consectetur ante hendrerit. Donec et mollis dolor. Praesent et diam eget libero egestas mattis sit amet vitae augue. Nam tincidunt congue enim, ut porta lorem lacinia consectetur. Donec ut libero sed arcu vehicula ultricies a non tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ut gravida lorem. Ut turpis felis, pulvinar a semper sed, adipiscing id dolor. Pellentesque auctor nisi id magna consequat sagittis. Curabitur dapibus enim sit amet elit pharetra tincidunt feugiat nisl imperdiet. Ut convallis libero in urna ultrices accumsan. Donec sed odio eros. Donec viverra mi quis quam pulvinar at malesuada arcu rhoncus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In rutrum accumsan ultricies. Mauris vitae nisi at sem facilisis semper ac in est.';
-export function TitleAndBodyAreStrings(): JSX.Element {
+export function TitleAndBodyAreStrings(): React.JSX.Element {
return (
;
}
diff --git a/ts/components/AnimatedEmojiGalore.dom.tsx b/ts/components/AnimatedEmojiGalore.dom.tsx
index 7e3273369e..5f252c9db3 100644
--- a/ts/components/AnimatedEmojiGalore.dom.tsx
+++ b/ts/components/AnimatedEmojiGalore.dom.tsx
@@ -46,7 +46,7 @@ function transform(y: number, scale: number, rotate: number): string {
export function AnimatedEmojiGalore({
emoji,
onAnimationEnd,
-}: PropsType): JSX.Element {
+}: PropsType): React.JSX.Element {
strictAssert(isEmojiVariantValue(emoji), 'Must be valid english short name');
const emojiVariantKey = getEmojiVariantKeyByValue(emoji);
const emojiVariant = getEmojiVariantByKey(emojiVariantKey);
diff --git a/ts/components/AnnouncementsOnlyGroupBanner.dom.tsx b/ts/components/AnnouncementsOnlyGroupBanner.dom.tsx
index 15f056cc01..fa8c5c1582 100644
--- a/ts/components/AnnouncementsOnlyGroupBanner.dom.tsx
+++ b/ts/components/AnnouncementsOnlyGroupBanner.dom.tsx
@@ -26,7 +26,7 @@ export function AnnouncementsOnlyGroupBanner({
i18n,
showConversation,
theme,
-}: PropsType): JSX.Element {
+}: PropsType): React.JSX.Element {
const [isShowingAdmins, setIsShowingAdmins] = useState(false);
return (
diff --git a/ts/components/App.preload.tsx b/ts/components/App.preload.tsx
index 8b970faeca..bdabbd63db 100644
--- a/ts/components/App.preload.tsx
+++ b/ts/components/App.preload.tsx
@@ -26,12 +26,12 @@ type PropsType = {
firstName: string;
lastName: string;
}) => Promise;
- renderCallManager: () => JSX.Element;
- renderGlobalModalContainer: () => JSX.Element;
+ renderCallManager: () => React.JSX.Element;
+ renderGlobalModalContainer: () => React.JSX.Element;
hasSelectedStoryData: boolean;
readyForUpdates: () => void;
- renderStoryViewer: (closeView: () => unknown) => JSX.Element;
- renderLightbox: () => JSX.Element | null;
+ renderStoryViewer: (closeView: () => unknown) => React.JSX.Element;
+ renderLightbox: () => React.JSX.Element | null;
requestVerification: (
number: string,
captcha: string,
@@ -44,7 +44,7 @@ type PropsType = {
scrollToMessage: (conversationId: string, messageId: string) => unknown;
viewStory: ViewStoryActionCreatorType;
- renderInbox: () => JSX.Element;
+ renderInbox: () => React.JSX.Element;
};
export function App({
@@ -66,7 +66,7 @@ export function App({
theme,
uploadProfile,
viewStory,
-}: PropsType): JSX.Element {
+}: PropsType): React.JSX.Element {
let contents;
if (state.appView === AppViewType.Installer) {
diff --git a/ts/components/AutoSizeInput.dom.stories.tsx b/ts/components/AutoSizeInput.dom.stories.tsx
index 8f9965cad8..4d16f2b2ca 100644
--- a/ts/components/AutoSizeInput.dom.stories.tsx
+++ b/ts/components/AutoSizeInput.dom.stories.tsx
@@ -21,13 +21,13 @@ const createProps = (overrideProps: Partial = {}): PropsType => ({
value: overrideProps.value ?? '',
});
-function Controller(props: PropsType): JSX.Element {
+function Controller(props: PropsType): React.JSX.Element {
const { value: initialValue } = props;
const [value, setValue] = useState(initialValue);
return ;
}
-export function Simple(): JSX.Element {
+export function Simple(): React.JSX.Element {
return ;
}
diff --git a/ts/components/AutoSizeInput.dom.tsx b/ts/components/AutoSizeInput.dom.tsx
index 2b1d8f2b55..061751f705 100644
--- a/ts/components/AutoSizeInput.dom.tsx
+++ b/ts/components/AutoSizeInput.dom.tsx
@@ -28,7 +28,7 @@ export function AutoSizeInput({
placeholder,
value = '',
maxLength,
-}: PropsType): JSX.Element {
+}: PropsType): React.JSX.Element {
const [root, setRoot] = useState(null);
const hiddenRef = useRef(null);
diff --git a/ts/components/AutoSizeTextArea.dom.tsx b/ts/components/AutoSizeTextArea.dom.tsx
index c2e30af75a..f4c8bfb73d 100644
--- a/ts/components/AutoSizeTextArea.dom.tsx
+++ b/ts/components/AutoSizeTextArea.dom.tsx
@@ -10,7 +10,7 @@ import { Input } from './Input.dom.js';
export const AutoSizeTextArea = forwardRef(function AutoSizeTextArea(
props: PropsType,
ref: ForwardedRef
-): JSX.Element {
+): React.JSX.Element {
const ownRef = useRef(null);
const textareaRef = mergeRefs(ownRef, ref);
diff --git a/ts/components/Avatar.dom.stories.tsx b/ts/components/Avatar.dom.stories.tsx
index 90f6ceca1f..79c45791c0 100644
--- a/ts/components/Avatar.dom.stories.tsx
+++ b/ts/components/Avatar.dom.stories.tsx
@@ -163,7 +163,7 @@ SearchIcon.args = createProps({
searchResult: true,
});
-export function Colors(): JSX.Element {
+export function Colors(): React.JSX.Element {
const props = createProps();
return (
diff --git a/ts/components/Avatar.dom.tsx b/ts/components/Avatar.dom.tsx
index 7fdbf9dfdb..becf72fecc 100644
--- a/ts/components/Avatar.dom.tsx
+++ b/ts/components/Avatar.dom.tsx
@@ -5,7 +5,6 @@ import type {
AriaAttributes,
CSSProperties,
MouseEvent,
- ReactChild,
ReactNode,
} from 'react';
import React, { useEffect, useState } from 'react';
@@ -125,7 +124,7 @@ export function Avatar({
storyRing,
blur = AvatarBlur.NoBlur,
...ariaProps
-}: Props): JSX.Element {
+}: Props): React.JSX.Element {
const [imageBroken, setImageBroken] = useState(false);
useEffect(() => {
@@ -249,7 +248,7 @@ export function Avatar({
);
}
- let contents: ReactChild;
+ let contents: ReactNode;
const contentsClassName = classNames(
'module-Avatar__contents',
`module-Avatar__contents--${color}`
diff --git a/ts/components/AvatarColorPicker.dom.stories.tsx b/ts/components/AvatarColorPicker.dom.stories.tsx
index ad6858c38d..9b21b11a90 100644
--- a/ts/components/AvatarColorPicker.dom.stories.tsx
+++ b/ts/components/AvatarColorPicker.dom.stories.tsx
@@ -21,11 +21,11 @@ export default {
title: 'Components/AvatarColorPicker',
} satisfies Meta;
-export function Default(): JSX.Element {
+export function Default(): React.JSX.Element {
return ;
}
-export function Selected(): JSX.Element {
+export function Selected(): React.JSX.Element {
return (
diff --git a/ts/components/AvatarEditor.dom.stories.tsx b/ts/components/AvatarEditor.dom.stories.tsx
index 872ce10a24..cf8ceffa6d 100644
--- a/ts/components/AvatarEditor.dom.stories.tsx
+++ b/ts/components/AvatarEditor.dom.stories.tsx
@@ -80,7 +80,7 @@ export default {
title: 'Components/AvatarEditor',
} satisfies Meta
;
-export function NoAvatarGroup(): JSX.Element {
+export function NoAvatarGroup(): React.JSX.Element {
return (
);
}
-export function HasAvatar(): JSX.Element {
+export function HasAvatar(): React.JSX.Element {
return (
();
@@ -171,7 +171,7 @@ export function AvatarEditor({
setInitialAvatar(avatarBuffer);
}, []);
- let content: JSX.Element | undefined;
+ let content: React.JSX.Element | undefined;
if (editMode === EditMode.Main) {
content = (
diff --git a/ts/components/AvatarIconEditor.dom.stories.tsx b/ts/components/AvatarIconEditor.dom.stories.tsx
index fd269c8652..ed3b7eb18a 100644
--- a/ts/components/AvatarIconEditor.dom.stories.tsx
+++ b/ts/components/AvatarIconEditor.dom.stories.tsx
@@ -23,7 +23,7 @@ export default {
title: 'Components/AvatarIconEditor',
} satisfies Meta;
-export function PersonalIcon(): JSX.Element {
+export function PersonalIcon(): React.JSX.Element {
return (
();
const [avatarData, setAvatarData] =
useState(initialAvatarData);
diff --git a/ts/components/AvatarLightbox.dom.stories.tsx b/ts/components/AvatarLightbox.dom.stories.tsx
index c64c3427d7..764cce38ac 100644
--- a/ts/components/AvatarLightbox.dom.stories.tsx
+++ b/ts/components/AvatarLightbox.dom.stories.tsx
@@ -27,11 +27,11 @@ export default {
},
} satisfies Meta;
-export function Group(args: PropsType): JSX.Element {
+export function Group(args: PropsType): React.JSX.Element {
return ;
}
-export function Person(args: PropsType): JSX.Element {
+export function Person(args: PropsType): React.JSX.Element {
const conversation = getDefaultConversation();
return (
;
}
diff --git a/ts/components/AvatarLightbox.dom.tsx b/ts/components/AvatarLightbox.dom.tsx
index 28519716ae..32749a2e95 100644
--- a/ts/components/AvatarLightbox.dom.tsx
+++ b/ts/components/AvatarLightbox.dom.tsx
@@ -33,7 +33,7 @@ export function AvatarLightbox({
isGroup,
noteToSelf,
onClose,
-}: PropsType): JSX.Element {
+}: PropsType): React.JSX.Element {
return (
;
-export function HasChanges(): JSX.Element {
+export function HasChanges(): React.JSX.Element {
return (
;
}
diff --git a/ts/components/AvatarModalButtons.dom.tsx b/ts/components/AvatarModalButtons.dom.tsx
index 4abf6c80d2..794043adeb 100644
--- a/ts/components/AvatarModalButtons.dom.tsx
+++ b/ts/components/AvatarModalButtons.dom.tsx
@@ -19,7 +19,7 @@ export function AvatarModalButtons({
i18n,
onCancel,
onSave,
-}: PropsType): JSX.Element {
+}: PropsType): React.JSX.Element {
const [confirmDiscardAction, setConfirmDiscardAction] = useState<
(() => unknown) | undefined
>(undefined);
diff --git a/ts/components/AvatarPreview.dom.stories.tsx b/ts/components/AvatarPreview.dom.stories.tsx
index 673bcbce41..9ea11a6037 100644
--- a/ts/components/AvatarPreview.dom.stories.tsx
+++ b/ts/components/AvatarPreview.dom.stories.tsx
@@ -41,7 +41,7 @@ export default {
title: 'Components/AvatarPreview',
} satisfies Meta;
-export function NoStatePersonal(): JSX.Element {
+export function NoStatePersonal(): React.JSX.Element {
return (
;
}
-export function Path(): JSX.Element {
+export function Path(): React.JSX.Element {
return (
();
// Loads the initial avatarUrl if one is provided, but only if we're in editable mode.
@@ -165,7 +165,7 @@ export function AvatarPreview({
}
if (imageStatus === ImageStatus.Nothing) {
- let content: JSX.Element | string | undefined;
+ let content: React.JSX.Element | string | undefined;
if (isGroup) {
content = (
;
-export function Empty(): JSX.Element {
+export function Empty(): React.JSX.Element {
return
;
}
-export function WithData(): JSX.Element {
+export function WithData(): React.JSX.Element {
return (
avatarData?.text || '', [avatarData]);
const initialColor = useMemo(
() => avatarData?.color || AvatarColors[0],
diff --git a/ts/components/AvatarUploadButton.dom.stories.tsx b/ts/components/AvatarUploadButton.dom.stories.tsx
index 5664b2338b..6089ac6af2 100644
--- a/ts/components/AvatarUploadButton.dom.stories.tsx
+++ b/ts/components/AvatarUploadButton.dom.stories.tsx
@@ -20,6 +20,6 @@ export default {
title: 'Components/AvatarUploadButton',
} satisfies Meta;
-export function Default(): JSX.Element {
+export function Default(): React.JSX.Element {
return ;
}
diff --git a/ts/components/AvatarUploadButton.dom.tsx b/ts/components/AvatarUploadButton.dom.tsx
index d364ee6b30..e4dfa87e5c 100644
--- a/ts/components/AvatarUploadButton.dom.tsx
+++ b/ts/components/AvatarUploadButton.dom.tsx
@@ -20,7 +20,7 @@ export function AvatarUploadButton({
className,
i18n,
onChange,
-}: PropsType): JSX.Element {
+}: PropsType): React.JSX.Element {
const fileInputRef = useRef(null);
const [processingFile, setProcessingFile] = useState();
diff --git a/ts/components/BackfillFailureModal.dom.stories.tsx b/ts/components/BackfillFailureModal.dom.stories.tsx
index b21b59521c..ee56a9892b 100644
--- a/ts/components/BackfillFailureModal.dom.stories.tsx
+++ b/ts/components/BackfillFailureModal.dom.stories.tsx
@@ -22,10 +22,10 @@ export default {
},
} satisfies ComponentMeta;
-export function Timeout(args: PropsType): JSX.Element {
+export function Timeout(args: PropsType): React.JSX.Element {
return ;
}
-export function NotFound(args: PropsType): JSX.Element {
+export function NotFound(args: PropsType): React.JSX.Element {
return ;
}
diff --git a/ts/components/BackfillFailureModal.dom.tsx b/ts/components/BackfillFailureModal.dom.tsx
index ee9a240208..8352dbb6c7 100644
--- a/ts/components/BackfillFailureModal.dom.tsx
+++ b/ts/components/BackfillFailureModal.dom.tsx
@@ -30,7 +30,7 @@ function focusRef(el: HTMLElement | null) {
}
}
-export function BackfillFailureModal(props: PropsType): JSX.Element {
+export function BackfillFailureModal(props: PropsType): React.JSX.Element {
const { i18n, kind, onClose } = props;
const footer = (
diff --git a/ts/components/BackupMediaDownloadCancelConfirmationDialog.dom.tsx b/ts/components/BackupMediaDownloadCancelConfirmationDialog.dom.tsx
index 41ee499a85..ae2f87247d 100644
--- a/ts/components/BackupMediaDownloadCancelConfirmationDialog.dom.tsx
+++ b/ts/components/BackupMediaDownloadCancelConfirmationDialog.dom.tsx
@@ -17,8 +17,8 @@ export function BackupMediaDownloadCancelConfirmationDialog({
i18n: LocalizerType;
handleConfirmCancel: VoidFunction;
handleDialogClose: VoidFunction;
-}): JSX.Element | null {
- const learnMoreLink = (parts: Array) => (
+}): React.JSX.Element | null {
+ const learnMoreLink = (parts: Array) => (
{parts}
diff --git a/ts/components/BackupMediaDownloadProgress.dom.stories.tsx b/ts/components/BackupMediaDownloadProgress.dom.stories.tsx
index dff2e74181..71cb99fc82 100644
--- a/ts/components/BackupMediaDownloadProgress.dom.stories.tsx
+++ b/ts/components/BackupMediaDownloadProgress.dom.stories.tsx
@@ -13,7 +13,7 @@ const { i18n } = window.SignalContext;
type PropsType = ComponentProps;
-function Template(args: PropsType): JSX.Element {
+function Template(args: PropsType): React.JSX.Element {
return (
<>
@@ -56,44 +56,44 @@ export default {
},
} satisfies Meta
;
-export function InProgress(args: PropsType): JSX.Element {
+export function InProgress(args: PropsType): React.JSX.Element {
return ;
}
-export function InProgressAndOffline(args: PropsType): JSX.Element {
+export function InProgressAndOffline(args: PropsType): React.JSX.Element {
return ;
}
-export function Increasing(args: PropsType): JSX.Element {
+export function Increasing(args: PropsType): React.JSX.Element {
return ;
}
-export function Paused(args: PropsType): JSX.Element {
+export function Paused(args: PropsType): React.JSX.Element {
return ;
}
-export function PausedAndOffline(args: PropsType): JSX.Element {
+export function PausedAndOffline(args: PropsType): React.JSX.Element {
return ;
}
-export function Idle(args: PropsType): JSX.Element {
+export function Idle(args: PropsType): React.JSX.Element {
return ;
}
-export function IdleAndOffline(args: PropsType): JSX.Element {
+export function IdleAndOffline(args: PropsType): React.JSX.Element {
return ;
}
-export function PausedAndIdle(args: PropsType): JSX.Element {
+export function PausedAndIdle(args: PropsType): React.JSX.Element {
return ;
}
-export function PausedAndIdleAndOffline(args: PropsType): JSX.Element {
+export function PausedAndIdleAndOffline(args: PropsType): React.JSX.Element {
return ;
}
-export function Complete(args: PropsType): JSX.Element {
+export function Complete(args: PropsType): React.JSX.Element {
return ;
}
-export function CompleteAndOffline(args: PropsType): JSX.Element {
+export function CompleteAndOffline(args: PropsType): React.JSX.Element {
return (
);
diff --git a/ts/components/BackupMediaDownloadProgress.dom.tsx b/ts/components/BackupMediaDownloadProgress.dom.tsx
index 92ef8ce30d..4695ae9368 100644
--- a/ts/components/BackupMediaDownloadProgress.dom.tsx
+++ b/ts/components/BackupMediaDownloadProgress.dom.tsx
@@ -37,7 +37,7 @@ export function BackupMediaDownloadProgress({
handleResume,
handlePause,
widthBreakpoint,
-}: PropsType): JSX.Element | null {
+}: PropsType): React.JSX.Element | null {
const [isShowingCancelConfirmation, setIsShowingCancelConfirmation] =
useState(false);
@@ -49,8 +49,8 @@ export function BackupMediaDownloadProgress({
setIsShowingCancelConfirmation(true);
}
- let content: JSX.Element | undefined;
- let icon: JSX.Element | undefined;
+ let content: React.JSX.Element | undefined;
+ let icon: React.JSX.Element | undefined;
const isCompleted = downloadedBytes === totalBytes;
diff --git a/ts/components/BackupMediaDownloadProgressSettings.dom.tsx b/ts/components/BackupMediaDownloadProgressSettings.dom.tsx
index ab8c9b9bb4..d3c5190334 100644
--- a/ts/components/BackupMediaDownloadProgressSettings.dom.tsx
+++ b/ts/components/BackupMediaDownloadProgressSettings.dom.tsx
@@ -28,7 +28,7 @@ export function BackupMediaDownloadProgressSettings({
handleCancel,
handleResume,
handlePause,
-}: PropsType): JSX.Element | null {
+}: PropsType): React.JSX.Element | null {
const [isShowingCancelConfirmation, setIsShowingCancelConfirmation] =
useState(false);
const isRTL = i18n.getLocaleDirection() === 'rtl';
@@ -48,7 +48,7 @@ export function BackupMediaDownloadProgressSettings({
let title: string;
let description: string;
- let actionButton: JSX.Element | undefined;
+ let actionButton: React.JSX.Element | undefined;
if (isPaused) {
title = i18n('icu:BackupMediaDownloadProgressSettings__paused--title');
diff --git a/ts/components/BadgeCarouselIndex.dom.tsx b/ts/components/BadgeCarouselIndex.dom.tsx
index 97ac558481..49094ddf0a 100644
--- a/ts/components/BadgeCarouselIndex.dom.tsx
+++ b/ts/components/BadgeCarouselIndex.dom.tsx
@@ -15,7 +15,7 @@ export function BadgeCarouselIndex({
}: Readonly<{
currentIndex: number;
totalCount: number;
-}>): JSX.Element | null {
+}>): React.JSX.Element | null {
strictAssert(totalCount >= 1, 'Expected 1 or more items');
strictAssert(
currentIndex < totalCount,
diff --git a/ts/components/BadgeDescription.dom.stories.tsx b/ts/components/BadgeDescription.dom.stories.tsx
index cff2bed749..c474900c89 100644
--- a/ts/components/BadgeDescription.dom.stories.tsx
+++ b/ts/components/BadgeDescription.dom.stories.tsx
@@ -11,7 +11,7 @@ export default {
title: 'Components/BadgeDescription',
} satisfies Meta;
-export function NormalName(): JSX.Element {
+export function NormalName(): React.JSX.Element {
return (
= [];
+ const result: Array = [];
let lastIndex = 0;
diff --git a/ts/components/BadgeDialog.dom.stories.tsx b/ts/components/BadgeDialog.dom.stories.tsx
index 52b11d70c6..5da15afb4c 100644
--- a/ts/components/BadgeDialog.dom.stories.tsx
+++ b/ts/components/BadgeDialog.dom.stories.tsx
@@ -30,15 +30,15 @@ const defaultProps: ComponentProps = {
title: 'Alice Levine',
};
-export function NoBadgesClosedImmediately(): JSX.Element {
+export function NoBadgesClosedImmediately(): React.JSX.Element {
return ;
}
-export function OneBadge(): JSX.Element {
+export function OneBadge(): React.JSX.Element {
return ;
}
-export function BadgeWithNoImageShouldBeImpossible(): JSX.Element {
+export function BadgeWithNoImageShouldBeImpossible(): React.JSX.Element {
return (
;
}
-export function ManyBadges(): JSX.Element {
+export function ManyBadges(): React.JSX.Element {
return ;
}
-export function ManyBadgesUserIsASubscriber(): JSX.Element {
+export function ManyBadgesUserIsASubscriber(): React.JSX.Element {
return (
;
-export function BadgeDialog(props: PropsType): null | JSX.Element {
+export function BadgeDialog(props: PropsType): null | React.JSX.Element {
const { badges, i18n, onClose } = props;
const [isShowingInstructions, setIsShowingInstructions] = useState(false);
@@ -61,7 +61,7 @@ function BadgeDialogWithBadges({
onClose,
onShowInstructions,
title,
-}: PropsType & { onShowInstructions: () => unknown }): JSX.Element {
+}: PropsType & { onShowInstructions: () => unknown }): React.JSX.Element {
const firstBadge = badges[0];
strictAssert(
firstBadge,
diff --git a/ts/components/BadgeImage.dom.tsx b/ts/components/BadgeImage.dom.tsx
index b650ae589a..78a4aec4f7 100644
--- a/ts/components/BadgeImage.dom.tsx
+++ b/ts/components/BadgeImage.dom.tsx
@@ -14,7 +14,7 @@ export function BadgeImage({
}: Readonly<{
badge: BadgeType;
size: number;
-}>): JSX.Element {
+}>): React.JSX.Element {
const { name } = badge;
const imagePath = getBadgeImageFileLocalPath(
diff --git a/ts/components/BetterAvatar.dom.stories.tsx b/ts/components/BetterAvatar.dom.stories.tsx
index b1f30943ab..032b0de814 100644
--- a/ts/components/BetterAvatar.dom.stories.tsx
+++ b/ts/components/BetterAvatar.dom.stories.tsx
@@ -29,7 +29,7 @@ export default {
title: 'Components/BetterAvatar',
} satisfies Meta;
-export function Text(): JSX.Element {
+export function Text(): React.JSX.Element {
return (
(
avatarData.buffer
);
diff --git a/ts/components/BetterAvatarBubble.dom.stories.tsx b/ts/components/BetterAvatarBubble.dom.stories.tsx
index 822c26e97d..dfa5fe8e0f 100644
--- a/ts/components/BetterAvatarBubble.dom.stories.tsx
+++ b/ts/components/BetterAvatarBubble.dom.stories.tsx
@@ -26,7 +26,7 @@ export default {
title: 'Components/BetterAvatarBubble',
} satisfies Meta;
-export function Children(): JSX.Element {
+export function Children(): React.JSX.Element {
return (
;
-export function Default(): JSX.Element {
+export function Default(): React.JSX.Element {
return (