@docusaurus/theme-classic 3.6.3 → 3.7.0

package/src/theme-classic.d.ts

@@ -50,51 +50,57 @@ declare module '@theme/Admonition' {
     readonly className?: string;
   }
 
-  export default function Admonition(props: Props): JSX.Element;
+  export default function Admonition(props: Props): ReactNode;
 }
 
 declare module '@theme/Admonition/Type/Note' {
+  import type {ReactNode} from 'react';
   import type {Props as AdmonitionProps} from '@theme/Admonition';
 
   export interface Props extends AdmonitionProps {}
-  export default function AdmonitionTypeNote(props: Props): JSX.Element;
+  export default function AdmonitionTypeNote(props: Props): ReactNode;
 }
 
 declare module '@theme/Admonition/Type/Info' {
+  import type {ReactNode} from 'react';
   import type {Props as AdmonitionProps} from '@theme/Admonition';
 
   export interface Props extends AdmonitionProps {}
-  export default function AdmonitionTypeInfo(props: Props): JSX.Element;
+  export default function AdmonitionTypeInfo(props: Props): ReactNode;
 }
 
 declare module '@theme/Admonition/Type/Tip' {
+  import type {ReactNode} from 'react';
   import type {Props as AdmonitionProps} from '@theme/Admonition';
 
   export interface Props extends AdmonitionProps {}
-  export default function AdmonitionTypeTip(props: Props): JSX.Element;
+  export default function AdmonitionTypeTip(props: Props): ReactNode;
 }
 
 // TODO remove before v4: Caution replaced by Warning
 // see https://github.com/facebook/docusaurus/issues/7558
 declare module '@theme/Admonition/Type/Caution' {
+  import type {ReactNode} from 'react';
   import type {Props as AdmonitionProps} from '@theme/Admonition';
 
   export interface Props extends AdmonitionProps {}
-  export default function AdmonitionTypeCaution(props: Props): JSX.Element;
+  export default function AdmonitionTypeCaution(props: Props): ReactNode;
 }
 
 declare module '@theme/Admonition/Type/Warning' {
+  import type {ReactNode} from 'react';
   import type {Props as AdmonitionProps} from '@theme/Admonition';
 
   export interface Props extends AdmonitionProps {}
-  export default function AdmonitionTypeWarning(props: Props): JSX.Element;
+  export default function AdmonitionTypeWarning(props: Props): ReactNode;
 }
 
 declare module '@theme/Admonition/Type/Danger' {
+  import type {ReactNode} from 'react';
   import type {Props as AdmonitionProps} from '@theme/Admonition';
 
   export interface Props extends AdmonitionProps {}
-  export default function AdmonitionTypeDanger(props: Props): JSX.Element;
+  export default function AdmonitionTypeDanger(props: Props): ReactNode;
 }
 
 declare module '@theme/Admonition/Types' {
@@ -118,74 +124,79 @@ declare module '@theme/Admonition/Layout' {
     readonly title?: ReactNode;
     readonly className?: string;
   }
-  export default function AdmonitionLayout(props: Props): JSX.Element;
+  export default function AdmonitionLayout(props: Props): ReactNode;
 }
 
 declare module '@theme/Admonition/Icon/Note' {
-  import type {ComponentProps} from 'react';
+  import type {ComponentProps, ReactNode} from 'react';
 
   export interface Props extends ComponentProps<'svg'> {}
 
-  export default function AdmonitionIconNote(props: Props): JSX.Element;
+  export default function AdmonitionIconNote(props: Props): ReactNode;
 }
 
 declare module '@theme/Admonition/Icon/Tip' {
-  import type {ComponentProps} from 'react';
+  import type {ComponentProps, ReactNode} from 'react';
 
   export interface Props extends ComponentProps<'svg'> {}
 
-  export default function AdmonitionIconTip(props: Props): JSX.Element;
+  export default function AdmonitionIconTip(props: Props): ReactNode;
 }
 
 declare module '@theme/Admonition/Icon/Warning' {
-  import type {ComponentProps} from 'react';
+  import type {ComponentProps, ReactNode} from 'react';
 
   export interface Props extends ComponentProps<'svg'> {}
 
-  export default function AdmonitionIconWarning(props: Props): JSX.Element;
+  export default function AdmonitionIconWarning(props: Props): ReactNode;
 }
 
 declare module '@theme/Admonition/Icon/Danger' {
-  import type {ComponentProps} from 'react';
+  import type {ComponentProps, ReactNode} from 'react';
 
   export interface Props extends ComponentProps<'svg'> {}
 
-  export default function AdmonitionIconDanger(props: Props): JSX.Element;
+  export default function AdmonitionIconDanger(props: Props): ReactNode;
 }
 
 declare module '@theme/Admonition/Icon/Info' {
-  import type {ComponentProps} from 'react';
+  import type {ComponentProps, ReactNode} from 'react';
 
   export interface Props extends ComponentProps<'svg'> {}
 
-  export default function AdmonitionIconInfo(props: Props): JSX.Element;
+  export default function AdmonitionIconInfo(props: Props): ReactNode;
 }
 
 declare module '@theme/AnnouncementBar' {
-  export default function AnnouncementBar(): JSX.Element | null;
+  import type {ReactNode} from 'react';
+
+  export default function AnnouncementBar(): ReactNode | null;
 }
 
 declare module '@theme/AnnouncementBar/Content' {
-  import type {ComponentProps} from 'react';
+  import type {ComponentProps, ReactNode} from 'react';
 
   export interface Props extends ComponentProps<'div'> {}
 
-  export default function AnnouncementBarContent(props: Props): JSX.Element;
+  export default function AnnouncementBarContent(props: Props): ReactNode;
 }
 
 declare module '@theme/AnnouncementBar/CloseButton' {
-  import type {ComponentProps} from 'react';
+  import type {ComponentProps, ReactNode} from 'react';
 
   export interface Props extends ComponentProps<'button'> {}
 
-  export default function AnnouncementBarCloseButton(props: Props): JSX.Element;
+  export default function AnnouncementBarCloseButton(props: Props): ReactNode;
 }
 
 declare module '@theme/BackToTopButton' {
-  export default function BackToTopButton(): JSX.Element;
+  import type {ReactNode} from 'react';
+
+  export default function BackToTopButton(): ReactNode;
 }
 
 declare module '@theme/Blog/Components/Author' {
+  import type {ReactNode} from 'react';
   import type {Author} from '@docusaurus/plugin-content-blog';
 
   export interface Props {
@@ -195,10 +206,11 @@ declare module '@theme/Blog/Components/Author' {
     readonly count?: number;
   }
 
-  export default function BlogAuthor(props: Props): JSX.Element;
+  export default function BlogAuthor(props: Props): ReactNode;
 }
 
 declare module '@theme/Blog/Components/Author/Socials' {
+  import type {ReactNode} from 'react';
   import type {Author} from '@docusaurus/plugin-content-blog';
 
   export interface Props {
@@ -206,16 +218,17 @@ declare module '@theme/Blog/Components/Author/Socials' {
     readonly className?: string;
   }
 
-  export default function BlogAuthorSocials(props: Props): JSX.Element;
+  export default function BlogAuthorSocials(props: Props): ReactNode;
 }
 
 declare module '@theme/BlogListPaginator' {
+  import type {ReactNode} from 'react';
   import type {BlogPaginatedMetadata} from '@docusaurus/plugin-content-blog';
 
   export interface Props {
     readonly metadata: BlogPaginatedMetadata;
   }
-  export default function BlogListPaginator(props: Props): JSX.Element;
+  export default function BlogListPaginator(props: Props): ReactNode;
 }
 
 declare module '@theme/BlogSidebar/Content' {
@@ -232,33 +245,36 @@ declare module '@theme/BlogSidebar/Content' {
 }
 
 declare module '@theme/BlogSidebar/Desktop' {
+  import type {ReactNode} from 'react';
   import type {BlogSidebar} from '@docusaurus/plugin-content-blog';
 
   export interface Props {
     readonly sidebar: BlogSidebar;
   }
 
-  export default function BlogSidebarDesktop(props: Props): JSX.Element;
+  export default function BlogSidebarDesktop(props: Props): ReactNode;
 }
 
 declare module '@theme/BlogSidebar/Mobile' {
+  import type {ReactNode} from 'react';
   import type {BlogSidebar} from '@docusaurus/plugin-content-blog';
 
   export interface Props {
     readonly sidebar: BlogSidebar;
   }
 
-  export default function BlogSidebarMobile(props: Props): JSX.Element;
+  export default function BlogSidebarMobile(props: Props): ReactNode;
 }
 
 declare module '@theme/BlogSidebar' {
+  import type {ReactNode} from 'react';
   import type {BlogSidebar} from '@docusaurus/plugin-content-blog';
 
   export interface Props {
     readonly sidebar?: BlogSidebar;
   }
 
-  export default function BlogSidebar(props: Props): JSX.Element;
+  export default function BlogSidebar(props: Props): ReactNode;
 }
 
 declare module '@theme/BlogPostItem' {
@@ -269,7 +285,7 @@ declare module '@theme/BlogPostItem' {
     className?: string;
   }
 
-  export default function BlogPostItem(props: Props): JSX.Element;
+  export default function BlogPostItem(props: Props): ReactNode;
 }
 
 declare module '@theme/BlogPostItems' {
@@ -281,7 +297,7 @@ declare module '@theme/BlogPostItems' {
     component?: ComponentType<{children: ReactNode}>;
   }
 
-  export default function BlogPostItem(props: Props): JSX.Element;
+  export default function BlogPostItem(props: Props): ReactNode;
 }
 
 declare module '@theme/BlogPostItem/Container' {
@@ -292,35 +308,43 @@ declare module '@theme/BlogPostItem/Container' {
     className?: string;
   }
 
-  export default function BlogPostItemContainer(props: Props): JSX.Element;
+  export default function BlogPostItemContainer(props: Props): ReactNode;
 }
 
 declare module '@theme/BlogPostItem/Header' {
-  export default function BlogPostItemHeader(): JSX.Element;
+  import type {ReactNode} from 'react';
+
+  export default function BlogPostItemHeader(): ReactNode;
 }
 
 declare module '@theme/BlogPostItem/Header/Title' {
+  import type {ReactNode} from 'react';
+
   export interface Props {
     className?: string;
   }
 
-  export default function BlogPostItemHeaderTitle(props: Props): JSX.Element;
+  export default function BlogPostItemHeaderTitle(props: Props): ReactNode;
 }
 
 declare module '@theme/BlogPostItem/Header/Info' {
+  import type {ReactNode} from 'react';
+
   export interface Props {
     className?: string;
   }
 
-  export default function BlogPostItemHeaderInfo(): JSX.Element;
+  export default function BlogPostItemHeaderInfo(): ReactNode;
 }
 
 declare module '@theme/BlogPostItem/Header/Authors' {
+  import type {ReactNode} from 'react';
+
   export interface Props {
     readonly className?: string;
   }
 
-  export default function BlogPostItemHeaderAuthors(props: Props): JSX.Element;
+  export default function BlogPostItemHeaderAuthors(props: Props): ReactNode;
 }
 
 declare module '@theme/BlogPostItem/Content' {
@@ -331,14 +355,17 @@ declare module '@theme/BlogPostItem/Content' {
     className?: string;
   }
 
-  export default function BlogPostItemContent(props: Props): JSX.Element;
+  export default function BlogPostItemContent(props: Props): ReactNode;
 }
 
 declare module '@theme/BlogPostItem/Footer' {
-  export default function BlogPostItemFooter(): JSX.Element | null;
+  import type {ReactNode} from 'react';
+
+  export default function BlogPostItemFooter(): ReactNode | null;
 }
 
 declare module '@theme/BlogPostItem/Footer/ReadMoreLink' {
+  import type {ReactNode} from 'react';
   import type {Props as LinkProps} from '@docusaurus/Link';
 
   export type Props = LinkProps & {
@@ -347,10 +374,12 @@ declare module '@theme/BlogPostItem/Footer/ReadMoreLink' {
 
   export default function BlogPostItemFooterReadMoreLink(
     props: Props,
-  ): JSX.Element | null;
+  ): ReactNode | null;
 }
 
 declare module '@theme/BlogPostPaginator' {
+  import type {ReactNode} from 'react';
+
   type Item = {readonly title: string; readonly permalink: string};
 
   export interface Props {
@@ -358,7 +387,7 @@ declare module '@theme/BlogPostPaginator' {
     readonly prevItem?: Item;
   }
 
-  export default function BlogPostPaginator(props: Props): JSX.Element;
+  export default function BlogPostPaginator(props: Props): ReactNode;
 }
 
 declare module '@theme/BlogLayout' {
@@ -371,7 +400,7 @@ declare module '@theme/BlogLayout' {
     readonly toc?: ReactNode;
   }
 
-  export default function BlogLayout(props: Props): JSX.Element;
+  export default function BlogLayout(props: Props): ReactNode;
 }
 
 declare module '@theme/CodeBlock' {
@@ -386,54 +415,60 @@ declare module '@theme/CodeBlock' {
     readonly showLineNumbers?: boolean;
   }
 
-  export default function CodeBlock(props: Props): JSX.Element;
+  export default function CodeBlock(props: Props): ReactNode;
 }
 
 declare module '@theme/CodeInline' {
-  import type {ComponentProps} from 'react';
+  import type {ComponentProps, ReactNode} from 'react';
 
   export interface Props extends ComponentProps<'code'> {}
 
-  export default function CodeInline(props: Props): JSX.Element;
+  export default function CodeInline(props: Props): ReactNode;
 }
 
 declare module '@theme/CodeBlock/CopyButton' {
+  import type {ReactNode} from 'react';
+
   export interface Props {
     readonly code: string;
     readonly className?: string;
   }
 
-  export default function CopyButton(props: Props): JSX.Element;
+  export default function CopyButton(props: Props): ReactNode;
 }
 
 declare module '@theme/CodeBlock/Container' {
+  import type {ReactNode} from 'react';
   import type {ComponentProps} from 'react';
 
   export default function CodeBlockContainer<T extends 'div' | 'pre'>({
     as: As,
     ...props
-  }: {as: T} & ComponentProps<T>): JSX.Element;
+  }: {as: T} & ComponentProps<T>): ReactNode;
 }
 
 declare module '@theme/CodeBlock/Content/Element' {
+  import type {ReactNode} from 'react';
   import type {Props} from '@theme/CodeBlock';
 
   export type {Props};
 
-  export default function CodeBlockElementContent(props: Props): JSX.Element;
+  export default function CodeBlockElementContent(props: Props): ReactNode;
 }
 
 declare module '@theme/CodeBlock/Content/String' {
+  import type {ReactNode} from 'react';
   import type {Props as CodeBlockProps} from '@theme/CodeBlock';
 
   export interface Props extends Omit<CodeBlockProps, 'children'> {
     readonly children: string;
   }
 
-  export default function CodeBlockStringContent(props: Props): JSX.Element;
+  export default function CodeBlockStringContent(props: Props): ReactNode;
 }
 
 declare module '@theme/CodeBlock/Line' {
+  import type {ReactNode} from 'react';
   import type {
     LineInputProps,
     LineOutputProps,
@@ -450,30 +485,34 @@ declare module '@theme/CodeBlock/Line' {
     readonly getTokenProps: (input: TokenInputProps) => TokenOutputProps;
   }
 
-  export default function CodeBlockLine(props: Props): JSX.Element;
+  export default function CodeBlockLine(props: Props): ReactNode;
 }
 
 declare module '@theme/CodeBlock/WordWrapButton' {
+  import type {ReactNode} from 'react';
+
   export interface Props {
     readonly className?: string;
     readonly onClick: React.MouseEventHandler;
     readonly isEnabled: boolean;
   }
 
-  export default function WordWrapButton(props: Props): JSX.Element;
+  export default function WordWrapButton(props: Props): ReactNode;
 }
 
 declare module '@theme/DocCard' {
+  import type {ReactNode} from 'react';
   import type {PropSidebarItem} from '@docusaurus/plugin-content-docs';
 
   export interface Props {
     readonly item: PropSidebarItem;
   }
 
-  export default function DocCard(props: Props): JSX.Element;
+  export default function DocCard(props: Props): ReactNode;
 }
 
 declare module '@theme/DocCardList' {
+  import type {ReactNode} from 'react';
   import type {PropSidebarItem} from '@docusaurus/plugin-content-docs';
 
   export interface Props {
@@ -481,43 +520,57 @@ declare module '@theme/DocCardList' {
     readonly className?: string;
   }
 
-  export default function DocCardList(props: Props): JSX.Element;
+  export default function DocCardList(props: Props): ReactNode;
 }
 
 declare module '@theme/DocItem/Layout' {
+  import type {ReactNode} from 'react';
+
   export interface Props {
-    readonly children: JSX.Element;
+    readonly children: ReactNode;
   }
 
-  export default function DocItemLayout(props: Props): JSX.Element;
+  export default function DocItemLayout(props: Props): ReactNode;
 }
 
 declare module '@theme/DocItem/Metadata' {
-  export default function DocItemMetadata(): JSX.Element;
+  import type {ReactNode} from 'react';
+
+  export default function DocItemMetadata(): ReactNode;
 }
 
 declare module '@theme/DocItem/Content' {
+  import type {ReactNode} from 'react';
+
   export interface Props {
-    readonly children: JSX.Element;
+    readonly children: ReactNode;
   }
 
-  export default function DocItemContent(props: Props): JSX.Element;
+  export default function DocItemContent(props: Props): ReactNode;
 }
 
 declare module '@theme/DocItem/TOC/Mobile' {
-  export default function DocItemTOCMobile(): JSX.Element;
+  import type {ReactNode} from 'react';
+
+  export default function DocItemTOCMobile(): ReactNode;
 }
 
 declare module '@theme/DocItem/TOC/Desktop' {
-  export default function DocItemTOCDesktop(): JSX.Element;
+  import type {ReactNode} from 'react';
+
+  export default function DocItemTOCDesktop(): ReactNode;
 }
 
 declare module '@theme/DocItem/Paginator' {
-  export default function DocItemPaginator(): JSX.Element;
+  import type {ReactNode} from 'react';
+
+  export default function DocItemPaginator(): ReactNode;
 }
 
 declare module '@theme/DocItem/Footer' {
-  export default function DocItemFooter(): JSX.Element;
+  import type {ReactNode} from 'react';
+
+  export default function DocItemFooter(): ReactNode;
 }
 
 declare module '@theme/DocRoot/Layout' {
@@ -527,11 +580,11 @@ declare module '@theme/DocRoot/Layout' {
     readonly children: ReactNode;
   }
 
-  export default function DocRootLayout(props: Props): JSX.Element;
+  export default function DocRootLayout(props: Props): ReactNode;
 }
 
 declare module '@theme/DocRoot/Layout/Sidebar' {
-  import type {Dispatch, SetStateAction} from 'react';
+  import type {Dispatch, SetStateAction, ReactNode} from 'react';
   import type {PropSidebar} from '@docusaurus/plugin-content-docs';
 
   export interface Props {
@@ -540,17 +593,19 @@ declare module '@theme/DocRoot/Layout/Sidebar' {
     readonly setHiddenSidebarContainer: Dispatch<SetStateAction<boolean>>;
   }
 
-  export default function DocRootLayoutSidebar(props: Props): JSX.Element;
+  export default function DocRootLayoutSidebar(props: Props): ReactNode;
 }
 
 declare module '@theme/DocRoot/Layout/Sidebar/ExpandButton' {
+  import type {ReactNode} from 'react';
+
   export interface Props {
     toggleSidebar: () => void;
   }
 
   export default function DocRootLayoutSidebarExpandButton(
     props: Props,
-  ): JSX.Element;
+  ): ReactNode;
 }
 
 declare module '@theme/DocRoot/Layout/Main' {
@@ -561,19 +616,21 @@ declare module '@theme/DocRoot/Layout/Main' {
     readonly children: ReactNode;
   }
 
-  export default function DocRootLayoutMain(props: Props): JSX.Element;
+  export default function DocRootLayoutMain(props: Props): ReactNode;
 }
 
 declare module '@theme/DocPaginator' {
+  import type {ReactNode} from 'react';
   import type {PropNavigation} from '@docusaurus/plugin-content-docs';
 
   // May be simpler to provide a {navigation: PropNavigation} prop?
   export interface Props extends PropNavigation {}
 
-  export default function DocPaginator(props: Props): JSX.Element;
+  export default function DocPaginator(props: Props): ReactNode;
 }
 
 declare module '@theme/DocSidebar' {
+  import type {ReactNode} from 'react';
   import type {PropSidebarItem} from '@docusaurus/plugin-content-docs';
 
   export interface Props {
@@ -583,26 +640,29 @@ declare module '@theme/DocSidebar' {
     readonly isHidden: boolean;
   }
 
-  export default function DocSidebar(props: Props): JSX.Element;
+  export default function DocSidebar(props: Props): ReactNode;
 }
 
 declare module '@theme/DocSidebar/Mobile' {
+  import type {ReactNode} from 'react';
   import type {Props as DocSidebarProps} from '@theme/DocSidebar';
 
   export interface Props extends DocSidebarProps {}
 
-  export default function DocSidebarMobile(props: Props): JSX.Element;
+  export default function DocSidebarMobile(props: Props): ReactNode;
 }
 
 declare module '@theme/DocSidebar/Desktop' {
+  import type {ReactNode} from 'react';
   import type {Props as DocSidebarProps} from '@theme/DocSidebar';
 
   export interface Props extends DocSidebarProps {}
 
-  export default function DocSidebarDesktop(props: Props): JSX.Element;
+  export default function DocSidebarDesktop(props: Props): ReactNode;
 }
 
 declare module '@theme/DocSidebar/Desktop/Content' {
+  import type {ReactNode} from 'react';
   import type {PropSidebarItem} from '@docusaurus/plugin-content-docs';
 
   export interface Props {
@@ -611,18 +671,21 @@ declare module '@theme/DocSidebar/Desktop/Content' {
     readonly sidebar: readonly PropSidebarItem[];
   }
 
-  export default function Content(props: Props): JSX.Element;
+  export default function Content(props: Props): ReactNode;
 }
 
 declare module '@theme/DocSidebar/Desktop/CollapseButton' {
+  import type {ReactNode} from 'react';
+
   export interface Props {
     readonly onClick: React.MouseEventHandler;
   }
 
-  export default function CollapseButton(props: Props): JSX.Element;
+  export default function CollapseButton(props: Props): ReactNode;
 }
 
 declare module '@theme/DocSidebarItem' {
+  import type {ReactNode} from 'react';
   import type {PropSidebarItem} from '@docusaurus/plugin-content-docs';
 
   export interface Props {
@@ -634,10 +697,11 @@ declare module '@theme/DocSidebarItem' {
     readonly index: number;
   }
 
-  export default function DocSidebarItem(props: Props): JSX.Element;
+  export default function DocSidebarItem(props: Props): ReactNode;
 }
 
 declare module '@theme/DocSidebarItem/Link' {
+  import type {ReactNode} from 'react';
   import type {Props as DocSidebarItemProps} from '@theme/DocSidebarItem';
 
   import type {PropSidebarItemLink} from '@docusaurus/plugin-content-docs';
@@ -646,10 +710,11 @@ declare module '@theme/DocSidebarItem/Link' {
     readonly item: PropSidebarItemLink;
   }
 
-  export default function DocSidebarItemLink(props: Props): JSX.Element;
+  export default function DocSidebarItemLink(props: Props): ReactNode;
 }
 
 declare module '@theme/DocSidebarItem/Html' {
+  import type {ReactNode} from 'react';
   import type {Props as DocSidebarItemProps} from '@theme/DocSidebarItem';
   import type {PropSidebarItemHtml} from '@docusaurus/plugin-content-docs';
 
@@ -657,10 +722,11 @@ declare module '@theme/DocSidebarItem/Html' {
     readonly item: PropSidebarItemHtml;
   }
 
-  export default function DocSidebarItemHtml(props: Props): JSX.Element;
+  export default function DocSidebarItemHtml(props: Props): ReactNode;
 }
 
 declare module '@theme/DocSidebarItem/Category' {
+  import type {ReactNode} from 'react';
   import type {Props as DocSidebarItemProps} from '@theme/DocSidebarItem';
   import type {PropSidebarItemCategory} from '@docusaurus/plugin-content-docs';
 
@@ -668,10 +734,11 @@ declare module '@theme/DocSidebarItem/Category' {
     readonly item: PropSidebarItemCategory;
   }
 
-  export default function DocSidebarItemCategory(props: Props): JSX.Element;
+  export default function DocSidebarItemCategory(props: Props): ReactNode;
 }
 
 declare module '@theme/DocSidebarItems' {
+  import type {ReactNode} from 'react';
   import type {Props as DocSidebarItemProps} from '@theme/DocSidebarItem';
   import type {PropSidebarItem} from '@docusaurus/plugin-content-docs';
 
@@ -679,44 +746,54 @@ declare module '@theme/DocSidebarItems' {
     readonly items: readonly PropSidebarItem[];
   }
 
-  export default function DocSidebarItems(props: Props): JSX.Element;
+  export default function DocSidebarItems(props: Props): ReactNode;
 }
 
 declare module '@theme/DocVersionBanner' {
+  import type {ReactNode} from 'react';
+
   export interface Props {
     readonly className?: string;
   }
 
-  export default function DocVersionBanner(props: Props): JSX.Element;
+  export default function DocVersionBanner(props: Props): ReactNode;
 }
 
 declare module '@theme/DocVersionBadge' {
+  import type {ReactNode} from 'react';
+
   export interface Props {
     readonly className?: string;
   }
 
-  export default function DocVersionBadge(props: Props): JSX.Element;
+  export default function DocVersionBadge(props: Props): ReactNode;
 }
 
 declare module '@theme/DocVersionSuggestions' {
-  export default function DocVersionSuggestions(): JSX.Element;
+  import type {ReactNode} from 'react';
+
+  export default function DocVersionSuggestions(): ReactNode;
 }
 
 declare module '@theme/EditMetaRow' {
+  import type {ReactNode} from 'react';
+
   export interface Props {
     readonly className: string;
     readonly editUrl: string | null | undefined;
     readonly lastUpdatedAt: number | undefined;
     readonly lastUpdatedBy: string | undefined;
   }
-  export default function EditMetaRow(props: Props): JSX.Element;
+  export default function EditMetaRow(props: Props): ReactNode;
 }
 
 declare module '@theme/EditThisPage' {
+  import type {ReactNode} from 'react';
+
   export interface Props {
     readonly editUrl: string;
   }
-  export default function EditThisPage(props: Props): JSX.Element;
+  export default function EditThisPage(props: Props): ReactNode;
 }
 
 declare module '@theme/ErrorPageContent' {
@@ -727,35 +804,43 @@ declare module '@theme/ErrorPageContent' {
 }
 
 declare module '@theme/Footer' {
-  export default function Footer(): JSX.Element | null;
+  import type {ReactNode} from 'react';
+
+  export default function Footer(): ReactNode | null;
 }
 
 declare module '@theme/Footer/Logo' {
+  import type {ReactNode} from 'react';
+
   import type {FooterLogo} from '@docusaurus/theme-common';
 
   export interface Props {
     readonly logo: FooterLogo;
   }
 
-  export default function FooterLogo(props: Props): JSX.Element;
+  export default function FooterLogo(props: Props): ReactNode;
 }
 
 declare module '@theme/Footer/Copyright' {
+  import type {ReactNode} from 'react';
+
   export interface Props {
     readonly copyright: string;
   }
 
-  export default function FooterCopyright(props: Props): JSX.Element;
+  export default function FooterCopyright(props: Props): ReactNode;
 }
 
 declare module '@theme/Footer/LinkItem' {
+  import type {ReactNode} from 'react';
+
   import type {FooterLinkItem} from '@docusaurus/theme-common';
 
   export interface Props {
     readonly item: FooterLinkItem;
   }
 
-  export default function FooterLinkItem(props: Props): JSX.Element;
+  export default function FooterLinkItem(props: Props): ReactNode;
 }
 
 declare module '@theme/Footer/Layout' {
@@ -768,41 +853,44 @@ declare module '@theme/Footer/Layout' {
     readonly copyright: ReactNode;
   }
 
-  export default function FooterLayout(props: Props): JSX.Element;
+  export default function FooterLayout(props: Props): ReactNode;
 }
 
 declare module '@theme/Footer/Links' {
+  import type {ReactNode} from 'react';
   import type {Footer} from '@docusaurus/theme-common';
 
   export interface Props {
     readonly links: Footer['links'];
   }
 
-  export default function FooterLinks(props: Props): JSX.Element;
+  export default function FooterLinks(props: Props): ReactNode;
 }
 
 declare module '@theme/Footer/Links/MultiColumn' {
+  import type {ReactNode} from 'react';
   import type {MultiColumnFooter} from '@docusaurus/theme-common';
 
   export interface Props {
     readonly columns: MultiColumnFooter['links'];
   }
 
-  export default function FooterLinksMultiColumn(props: Props): JSX.Element;
+  export default function FooterLinksMultiColumn(props: Props): ReactNode;
 }
 
 declare module '@theme/Footer/Links/Simple' {
+  import type {ReactNode} from 'react';
   import type {SimpleFooter} from '@docusaurus/theme-common';
 
   export interface Props {
     readonly links: SimpleFooter['links'];
   }
 
-  export default function FooterLinksSimple(props: Props): JSX.Element;
+  export default function FooterLinksSimple(props: Props): ReactNode;
 }
 
 declare module '@theme/Heading' {
-  import type {ComponentProps} from 'react';
+  import type {ComponentProps, ReactNode} from 'react';
 
   type HeadingType = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 
@@ -810,15 +898,17 @@ declare module '@theme/Heading' {
     readonly as: HeadingType;
   }
 
-  export default function Heading(props: Props): JSX.Element;
+  export default function Heading(props: Props): ReactNode;
 }
 
 declare module '@theme/NotFound/Content' {
+  import type {ReactNode} from 'react';
+
   export interface Props {
     readonly className?: string;
   }
 
-  export default function NotFoundContent(props: Props): JSX.Element;
+  export default function NotFoundContent(props: Props): ReactNode;
 }
 
 declare module '@theme/Layout' {
@@ -834,7 +924,7 @@ declare module '@theme/Layout' {
     readonly description?: string;
   }
 
-  export default function Layout(props: Props): JSX.Element;
+  export default function Layout(props: Props): ReactNode;
 }
 
 declare module '@theme/Layout/Provider' {
@@ -844,99 +934,105 @@ declare module '@theme/Layout/Provider' {
     readonly children: ReactNode;
   }
 
-  export default function LayoutProvider(props: Props): JSX.Element;
+  export default function LayoutProvider(props: Props): ReactNode;
 }
 
 declare module '@theme/SearchMetadata' {
+  import type {ReactNode} from 'react';
+
   export interface Props {
     readonly locale?: string;
     readonly version?: string;
     readonly tag?: string;
   }
 
-  export default function SearchMetadata(props: Props): JSX.Element;
+  export default function SearchMetadata(props: Props): ReactNode;
 }
 
 declare module '@theme/LastUpdated' {
+  import type {ReactNode} from 'react';
+
   export interface Props {
     readonly lastUpdatedAt?: number;
     readonly lastUpdatedBy?: string;
   }
 
-  export default function LastUpdated(props: Props): JSX.Element;
+  export default function LastUpdated(props: Props): ReactNode;
 }
 
 declare module '@theme/SkipToContent' {
-  export default function SkipToContent(): JSX.Element;
+  import type {ReactNode} from 'react';
+
+  export default function SkipToContent(): ReactNode;
 }
 
 declare module '@theme/MDXComponents/A' {
-  import type {ComponentProps} from 'react';
+  import type {ComponentProps, ReactNode} from 'react';
 
   export interface Props extends ComponentProps<'a'> {}
 
-  export default function MDXA(props: Props): JSX.Element;
+  export default function MDXA(props: Props): ReactNode;
 }
 
 declare module '@theme/MDXComponents/Code' {
-  import type {ComponentProps} from 'react';
+  import type {ComponentProps, ReactNode} from 'react';
 
   export interface Props extends ComponentProps<'code'> {}
 
-  export default function MDXCode(props: Props): JSX.Element;
+  export default function MDXCode(props: Props): ReactNode;
 }
 
 declare module '@theme/MDXComponents/Details' {
-  import type {ComponentProps} from 'react';
+  import type {ComponentProps, ReactNode} from 'react';
 
   export interface Props extends ComponentProps<'details'> {}
 
-  export default function MDXDetails(props: Props): JSX.Element;
+  export default function MDXDetails(props: Props): ReactNode;
 }
 
 declare module '@theme/MDXComponents/Ul' {
-  import type {ComponentProps} from 'react';
+  import type {ComponentProps, ReactNode} from 'react';
 
   export interface Props extends ComponentProps<'ul'> {}
 
-  export default function MDXUl(props: Props): JSX.Element;
+  export default function MDXUl(props: Props): ReactNode;
 }
 
 declare module '@theme/MDXComponents/Li' {
-  import type {ComponentProps} from 'react';
+  import type {ComponentProps, ReactNode} from 'react';
 
   export interface Props extends ComponentProps<'li'> {}
 
-  export default function MDXLi(props: Props): JSX.Element;
+  export default function MDXLi(props: Props): ReactNode;
 }
 
 declare module '@theme/MDXComponents/Img' {
-  import type {ComponentProps} from 'react';
+  import type {ComponentProps, ReactNode} from 'react';
 
   export interface Props extends ComponentProps<'img'> {}
 
-  export default function MDXImg(props: Props): JSX.Element;
+  export default function MDXImg(props: Props): ReactNode;
 }
 
 declare module '@theme/MDXComponents/Heading' {
-  import type {ComponentProps} from 'react';
+  import type {ComponentProps, ReactNode} from 'react';
   import type Heading from '@theme/Heading';
 
   export interface Props extends ComponentProps<typeof Heading> {}
 
-  export default function MDXHeading(props: Props): JSX.Element;
+  export default function MDXHeading(props: Props): ReactNode;
 }
 
 declare module '@theme/MDXComponents/Pre' {
-  import type {ComponentProps} from 'react';
+  import type {ComponentProps, ReactNode} from 'react';
 
   export interface Props extends ComponentProps<'pre'> {}
 
-  export default function MDXPre(props: Props): JSX.Element;
+  export default function MDXPre(props: Props): ReactNode;
 }
 
 declare module '@theme/MDXComponents' {
-  import type {ComponentType, ComponentProps} from 'react';
+  import type {ComponentType, ComponentProps, ReactNode} from 'react';
 
   import type MDXCode from '@theme/MDXComponents/Code';
   import type MDXA from '@theme/MDXComponents/A';
@@ -962,12 +1058,12 @@ declare module '@theme/MDXComponents' {
     readonly pre: typeof MDXPre;
     readonly ul: typeof MDXUl;
     readonly img: typeof MDXImg;
-    readonly h1: (props: ComponentProps<'h1'>) => JSX.Element;
-    readonly h2: (props: ComponentProps<'h2'>) => JSX.Element;
-    readonly h3: (props: ComponentProps<'h3'>) => JSX.Element;
-    readonly h4: (props: ComponentProps<'h4'>) => JSX.Element;
-    readonly h5: (props: ComponentProps<'h5'>) => JSX.Element;
-    readonly h6: (props: ComponentProps<'h6'>) => JSX.Element;
+    readonly h1: (props: ComponentProps<'h1'>) => ReactNode;
+    readonly h2: (props: ComponentProps<'h2'>) => ReactNode;
+    readonly h3: (props: ComponentProps<'h3'>) => ReactNode;
+    readonly h4: (props: ComponentProps<'h4'>) => ReactNode;
+    readonly h5: (props: ComponentProps<'h5'>) => ReactNode;
+    readonly h6: (props: ComponentProps<'h6'>) => ReactNode;
     readonly admonition: typeof Admonition;
     readonly mermaid: typeof Mermaid;
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -985,41 +1081,51 @@ declare module '@theme/MDXContent' {
     readonly children: ReactNode;
   }
 
-  export default function MDXContent(props: Props): JSX.Element;
+  export default function MDXContent(props: Props): ReactNode;
 }
 
 declare module '@theme/Navbar' {
-  export default function Navbar(): JSX.Element;
+  import type {ReactNode} from 'react';
+
+  export default function Navbar(): ReactNode;
 }
 
 declare module '@theme/Navbar/ColorModeToggle' {
+  import type {ReactNode} from 'react';
+
   export interface Props {
     readonly className?: string;
   }
 
-  export default function NavbarColorModeToggle(
-    props: Props,
-  ): JSX.Element | null;
+  export default function NavbarColorModeToggle(props: Props): ReactNode | null;
 }
 
 declare module '@theme/Navbar/Logo' {
-  export default function NavbarLogo(): JSX.Element;
+  import type {ReactNode} from 'react';
+
+  export default function NavbarLogo(): ReactNode;
 }
 
 declare module '@theme/Navbar/Content' {
-  export default function NavbarContent(): JSX.Element;
+  import type {ReactNode} from 'react';
+
+  export default function NavbarContent(): ReactNode;
 }
 
 declare module '@theme/Navbar/Layout' {
+  import type {ReactNode} from 'react';
+
   export interface Props {
     readonly children: React.ReactNode;
   }
 
-  export default function NavbarLayout(props: Props): JSX.Element;
+  export default function NavbarLayout(props: Props): ReactNode;
 }
 
 declare module '@theme/Navbar/MobileSidebar' {
-  export default function NavbarMobileSidebar(): JSX.Element;
+  import type {ReactNode} from 'react';
+
+  export default function NavbarMobileSidebar(): ReactNode;
 }
 
 declare module '@theme/Navbar/MobileSidebar/Layout' {
@@ -1031,23 +1137,31 @@ declare module '@theme/Navbar/MobileSidebar/Layout' {
     readonly secondaryMenu: ReactNode;
   }
 
-  export default function NavbarMobileSidebarLayout(props: Props): JSX.Element;
+  export default function NavbarMobileSidebarLayout(props: Props): ReactNode;
 }
 
 declare module '@theme/Navbar/MobileSidebar/Toggle' {
-  export default function NavbarMobileSidebarToggle(): JSX.Element;
+  import type {ReactNode} from 'react';
+
+  export default function NavbarMobileSidebarToggle(): ReactNode;
 }
 
 declare module '@theme/Navbar/MobileSidebar/PrimaryMenu' {
-  export default function NavbarMobileSidebarPrimaryMenu(): JSX.Element;
+  import type {ReactNode} from 'react';
+
+  export default function NavbarMobileSidebarPrimaryMenu(): ReactNode;
 }
 
 declare module '@theme/Navbar/MobileSidebar/SecondaryMenu' {
-  export default function NavbarMobileSidebarSecondaryMenu(): JSX.Element;
+  import type {ReactNode} from 'react';
+
+  export default function NavbarMobileSidebarSecondaryMenu(): ReactNode;
 }
 
 declare module '@theme/Navbar/MobileSidebar/Header' {
-  export default function NavbarMobileSidebarHeader(): JSX.Element;
+  import type {ReactNode} from 'react';
+
+  export default function NavbarMobileSidebarHeader(): ReactNode;
 }
 
 declare module '@theme/Navbar/Search' {
@@ -1058,10 +1172,11 @@ declare module '@theme/Navbar/Search' {
     readonly className?: string;
   }
 
-  export default function NavbarSearch(props: Props): JSX.Element;
+  export default function NavbarSearch(props: Props): ReactNode;
 }
 
 declare module '@theme/NavbarItem/DefaultNavbarItem' {
+  import type {ReactNode} from 'react';
   import type {Props as NavbarNavLinkProps} from '@theme/NavbarItem/NavbarNavLink';
 
   export type DesktopOrMobileNavBarItemProps = NavbarNavLinkProps & {
@@ -1074,7 +1189,7 @@ declare module '@theme/NavbarItem/DefaultNavbarItem' {
     readonly mobile?: boolean;
   }
 
-  export default function DefaultNavbarItem(props: Props): JSX.Element;
+  export default function DefaultNavbarItem(props: Props): ReactNode;
 }
 
 declare module '@theme/NavbarItem/NavbarNavLink' {
@@ -1091,10 +1206,11 @@ declare module '@theme/NavbarItem/NavbarNavLink' {
     readonly isDropdownLink?: boolean;
   }
 
-  export default function NavbarNavLink(props: Props): JSX.Element;
+  export default function NavbarNavLink(props: Props): ReactNode;
 }
 
 declare module '@theme/NavbarItem/DropdownNavbarItem' {
+  import type {ReactNode} from 'react';
   import type {Props as NavbarNavLinkProps} from '@theme/NavbarItem/NavbarNavLink';
   import type {LinkLikeNavbarItemProps} from '@theme/NavbarItem';
 
@@ -1108,19 +1224,22 @@ declare module '@theme/NavbarItem/DropdownNavbarItem' {
     readonly mobile?: boolean;
   }
 
-  export default function DropdownNavbarItem(props: Props): JSX.Element;
+  export default function DropdownNavbarItem(props: Props): ReactNode;
 }
 
 declare module '@theme/NavbarItem/SearchNavbarItem' {
+  import type {ReactNode} from 'react';
+
   export interface Props {
     readonly mobile?: boolean;
     readonly className?: string;
   }
 
-  export default function SearchNavbarItem(props: Props): JSX.Element;
+  export default function SearchNavbarItem(props: Props): ReactNode;
 }
 
 declare module '@theme/NavbarItem/LocaleDropdownNavbarItem' {
+  import type {ReactNode} from 'react';
   import type {Props as DropdownNavbarItemProps} from '@theme/NavbarItem/DropdownNavbarItem';
   import type {LinkLikeNavbarItemProps} from '@theme/NavbarItem';
 
@@ -1130,10 +1249,11 @@ declare module '@theme/NavbarItem/LocaleDropdownNavbarItem' {
     readonly queryString?: string;
   }
 
-  export default function LocaleDropdownNavbarItem(props: Props): JSX.Element;
+  export default function LocaleDropdownNavbarItem(props: Props): ReactNode;
 }
 
 declare module '@theme/NavbarItem/DocsVersionDropdownNavbarItem' {
+  import type {ReactNode} from 'react';
   import type {Props as DropdownNavbarItemProps} from '@theme/NavbarItem/DropdownNavbarItem';
   import type {LinkLikeNavbarItemProps} from '@theme/NavbarItem';
 
@@ -1146,20 +1266,22 @@ declare module '@theme/NavbarItem/DocsVersionDropdownNavbarItem' {
 
   export default function DocsVersionDropdownNavbarItem(
     props: Props,
-  ): JSX.Element;
+  ): ReactNode;
 }
 
 declare module '@theme/NavbarItem/DocsVersionNavbarItem' {
+  import type {ReactNode} from 'react';
   import type {Props as DefaultNavbarItemProps} from '@theme/NavbarItem/DefaultNavbarItem';
 
   export interface Props extends DefaultNavbarItemProps {
     readonly docsPluginId?: string;
   }
 
-  export default function DocsVersionNavbarItem(props: Props): JSX.Element;
+  export default function DocsVersionNavbarItem(props: Props): ReactNode;
 }
 
 declare module '@theme/NavbarItem/DocNavbarItem' {
+  import type {ReactNode} from 'react';
   import type {Props as DefaultNavbarItemProps} from '@theme/NavbarItem/DefaultNavbarItem';
 
   export interface Props extends DefaultNavbarItemProps {
@@ -1167,12 +1289,11 @@ declare module '@theme/NavbarItem/DocNavbarItem' {
     readonly docsPluginId?: string;
   }
 
-  export default function DocsSidebarNavbarItem(
-    props: Props,
-  ): JSX.Element | null;
+  export default function DocsSidebarNavbarItem(props: Props): ReactNode | null;
 }
 
 declare module '@theme/NavbarItem/DocSidebarNavbarItem' {
+  import type {ReactNode} from 'react';
   import type {Props as DefaultNavbarItemProps} from '@theme/NavbarItem/DefaultNavbarItem';
 
   export interface Props extends DefaultNavbarItemProps {
@@ -1180,17 +1301,18 @@ declare module '@theme/NavbarItem/DocSidebarNavbarItem' {
     readonly docsPluginId?: string;
   }
 
-  export default function DocSidebarNavbarItem(props: Props): JSX.Element;
+  export default function DocSidebarNavbarItem(props: Props): ReactNode;
 }
 
 declare module '@theme/NavbarItem/HtmlNavbarItem' {
+  import type {ReactNode} from 'react';
   import type {Props as DefaultNavbarItemProps} from '@theme/NavbarItem/DefaultNavbarItem';
 
   export interface Props extends DefaultNavbarItemProps {
     readonly value: string;
   }
 
-  export default function HtmlNavbarItem(props: Props): JSX.Element;
+  export default function HtmlNavbarItem(props: Props): ReactNode;
 }
 
 declare module '@theme/NavbarItem/ComponentTypes' {
@@ -1225,7 +1347,7 @@ declare module '@theme/NavbarItem/ComponentTypes' {
 }
 
 declare module '@theme/NavbarItem' {
-  import type {ComponentProps} from 'react';
+  import type {ComponentProps, ReactNode} from 'react';
   import type {Props as DefaultNavbarItemProps} from '@theme/NavbarItem/DefaultNavbarItem';
   import type {Props as DocNavbarItemProps} from '@theme/NavbarItem/DocNavbarItem';
   import type {Props as DocSidebarNavbarItemProps} from '@theme/NavbarItem/DocSidebarNavbarItem';
@@ -1259,7 +1381,7 @@ declare module '@theme/NavbarItem' {
 
   export type NavbarItemType = Props['type'];
 
-  export default function NavbarItem(props: Props): JSX.Element;
+  export default function NavbarItem(props: Props): ReactNode;
 }
 
 declare module '@theme/PaginatorNavLink' {
@@ -1268,43 +1390,50 @@ declare module '@theme/PaginatorNavLink' {
 
   export interface Props extends Omit<PropNavigationLink, 'title'> {
     readonly title: ReactNode;
-    readonly subLabel?: JSX.Element;
+    readonly subLabel?: ReactNode;
     readonly isNext?: boolean;
   }
 
-  export default function PaginatorNavLink(props: Props): JSX.Element;
+  export default function PaginatorNavLink(props: Props): ReactNode;
 }
 
 declare module '@theme/SearchBar' {
-  export default function SearchBar(): JSX.Element;
+  import type {ReactNode} from 'react';
+
+  export default function SearchBar(): ReactNode;
 }
 
 declare module '@theme/Mermaid' {
+  import type {ReactNode} from 'react';
+
   export interface Props {
     value: string;
   }
 
-  export default function Mermaid(props: Props): JSX.Element;
+  export default function Mermaid(props: Props): ReactNode;
 }
 
 declare module '@theme/TabItem' {
+  import type {ReactNode} from 'react';
+
   import type {TabItemProps} from '@docusaurus/theme-common/internal';
 
   export interface Props extends TabItemProps {}
 
-  export default function TabItem(props: Props): JSX.Element;
+  export default function TabItem(props: Props): ReactNode;
 }
 
 declare module '@theme/Tabs' {
+  import type {ReactNode} from 'react';
   import type {TabsProps} from '@docusaurus/theme-common/internal';
 
   export interface Props extends TabsProps {}
 
-  export default function Tabs(props: Props): JSX.Element;
+  export default function Tabs(props: Props): ReactNode;
 }
 
 declare module '@theme/ThemedImage' {
-  import type {ComponentProps} from 'react';
+  import type {ComponentProps, ReactNode} from 'react';
 
   export interface Props extends Omit<ComponentProps<'img'>, 'src'> {
     readonly sources: {
@@ -1313,7 +1442,7 @@ declare module '@theme/ThemedImage' {
     };
   }
 
-  export default function ThemedImage(props: Props): JSX.Element;
+  export default function ThemedImage(props: Props): ReactNode;
 }
 
 declare module '@theme/Details' {
@@ -1324,6 +1453,7 @@ declare module '@theme/Details' {
 }
 
 declare module '@theme/TOCItems' {
+  import type {ReactNode} from 'react';
   import type {TOCItem} from '@docusaurus/mdx-loader';
 
   export interface Props {
@@ -1335,10 +1465,11 @@ declare module '@theme/TOCItems' {
     readonly linkActiveClassName?: string;
   }
 
-  export default function TOCItems(props: Props): JSX.Element;
+  export default function TOCItems(props: Props): ReactNode;
 }
 
 declare module '@theme/TOCItems/Tree' {
+  import type {ReactNode} from 'react';
   import type {TOCTreeNode} from '@docusaurus/theme-common/internal';
 
   export interface Props {
@@ -1348,10 +1479,11 @@ declare module '@theme/TOCItems/Tree' {
     readonly isChild?: boolean;
   }
 
-  export default function TOCItems(props: Props): JSX.Element;
+  export default function TOCItems(props: Props): ReactNode;
 }
 
 declare module '@theme/TOC' {
+  import type {ReactNode} from 'react';
   import type {TOCItem} from '@docusaurus/mdx-loader';
 
   // `minHeadingLevel` only comes from doc/post front matter, and won't have a
@@ -1363,10 +1495,11 @@ declare module '@theme/TOC' {
     readonly className?: string;
   }
 
-  export default function TOC(props: Props): JSX.Element;
+  export default function TOC(props: Props): ReactNode;
 }
 
 declare module '@theme/TOCInline' {
+  import type {ReactNode} from 'react';
   import type {TOCItem} from '@docusaurus/mdx-loader';
 
   export interface Props {
@@ -1375,10 +1508,11 @@ declare module '@theme/TOCInline' {
     readonly maxHeadingLevel?: number;
   }
 
-  export default function TOCInline(props: Props): JSX.Element;
+  export default function TOCInline(props: Props): ReactNode;
 }
 
 declare module '@theme/TOCCollapsible' {
+  import type {ReactNode} from 'react';
   import type {TOCItem} from '@docusaurus/mdx-loader';
 
   export interface Props {
@@ -1388,22 +1522,21 @@ declare module '@theme/TOCCollapsible' {
     readonly toc: readonly TOCItem[];
   }
 
-  export default function TOCCollapsible(props: Props): JSX.Element;
+  export default function TOCCollapsible(props: Props): ReactNode;
 }
 
 declare module '@theme/TOCCollapsible/CollapseButton' {
-  import type {ComponentProps} from 'react';
+  import type {ComponentProps, ReactNode} from 'react';
 
   export interface Props extends ComponentProps<'button'> {
     collapsed: boolean;
   }
 
-  export default function TOCCollapsibleCollapseButton(
-    props: Props,
-  ): JSX.Element;
+  export default function TOCCollapsibleCollapseButton(props: Props): ReactNode;
 }
 
 declare module '@theme/ColorModeToggle' {
+  import type {ReactNode} from 'react';
   import type {ColorMode} from '@docusaurus/theme-common';
 
   export interface Props {
@@ -1417,192 +1550,245 @@ declare module '@theme/ColorModeToggle' {
     readonly onChange: (colorMode: ColorMode) => void;
   }
 
-  export default function ColorModeToggle(props: Props): JSX.Element;
+  export default function ColorModeToggle(props: Props): ReactNode;
 }
 
 declare module '@theme/Logo' {
-  import type {ComponentProps} from 'react';
+  import type {ComponentProps, ReactNode} from 'react';
 
   export interface Props extends ComponentProps<'a'> {
     readonly imageClassName?: string;
     readonly titleClassName?: string;
   }
 
-  export default function Logo(props: Props): JSX.Element;
+  export default function Logo(props: Props): ReactNode;
 }
 
 declare module '@theme/Icon/Arrow' {
-  import type {ComponentProps} from 'react';
+  import type {ComponentProps, ReactNode} from 'react';
 
   export interface Props extends ComponentProps<'svg'> {}
 
-  export default function IconArrow(props: Props): JSX.Element;
+  export default function IconArrow(props: Props): ReactNode;
 }
 
 declare module '@theme/Icon/DarkMode' {
-  import type {ComponentProps} from 'react';
+  import type {ComponentProps, ReactNode} from 'react';
 
   export interface Props extends ComponentProps<'svg'> {}
 
-  export default function IconDarkMode(props: Props): JSX.Element;
+  export default function IconDarkMode(props: Props): ReactNode;
 }
 
 declare module '@theme/Icon/Edit' {
-  import type {ComponentProps} from 'react';
+  import type {ComponentProps, ReactNode} from 'react';
 
   export interface Props extends ComponentProps<'svg'> {}
 
-  export default function IconEdit(props: Props): JSX.Element;
+  export default function IconEdit(props: Props): ReactNode;
 }
 
 declare module '@theme/Icon/Home' {
-  import type {ComponentProps} from 'react';
+  import type {ComponentProps, ReactNode} from 'react';
 
   export interface Props extends ComponentProps<'svg'> {}
 
-  export default function IconHome(props: Props): JSX.Element;
+  export default function IconHome(props: Props): ReactNode;
 }
 
 declare module '@theme/Icon/LightMode' {
-  import type {ComponentProps} from 'react';
+  import type {ComponentProps, ReactNode} from 'react';
 
   export interface Props extends ComponentProps<'svg'> {}
 
-  export default function IconLightMode(props: Props): JSX.Element;
+  export default function IconLightMode(props: Props): ReactNode;
 }
 
 declare module '@theme/Icon/Menu' {
-  import type {ComponentProps} from 'react';
+  import type {ComponentProps, ReactNode} from 'react';
 
   export interface Props extends ComponentProps<'svg'> {}
 
-  export default function IconMenu(props: Props): JSX.Element;
+  export default function IconMenu(props: Props): ReactNode;
 }
 
 declare module '@theme/Icon/Close' {
-  import type {ComponentProps} from 'react';
+  import type {ComponentProps, ReactNode} from 'react';
 
   export interface Props extends ComponentProps<'svg'> {}
 
-  export default function IconClose(props: Props): JSX.Element;
+  export default function IconClose(props: Props): ReactNode;
 }
 
 declare module '@theme/Icon/Copy' {
-  import type {ComponentProps} from 'react';
+  import type {ComponentProps, ReactNode} from 'react';
 
   export interface Props extends ComponentProps<'svg'> {}
 
-  export default function IconCopy(props: Props): JSX.Element;
+  export default function IconCopy(props: Props): ReactNode;
 }
 
 declare module '@theme/Icon/Language' {
-  import type {ComponentProps} from 'react';
+  import type {ComponentProps, ReactNode} from 'react';
 
   export interface Props extends ComponentProps<'svg'> {}
 
-  export default function IconLanguage(props: Props): JSX.Element;
+  export default function IconLanguage(props: Props): ReactNode;
 }
 
 declare module '@theme/Icon/Success' {
-  import type {ComponentProps} from 'react';
+  import type {ComponentProps, ReactNode} from 'react';
 
   export interface Props extends ComponentProps<'svg'> {}
 
-  export default function IconSuccess(props: Props): JSX.Element;
+  export default function IconSuccess(props: Props): ReactNode;
 }
 
 declare module '@theme/Icon/ExternalLink' {
-  import type {ComponentProps} from 'react';
+  import type {ComponentProps, ReactNode} from 'react';
 
   export interface Props extends ComponentProps<'svg'> {}
 
-  export default function IconExternalLink(props: Props): JSX.Element;
+  export default function IconExternalLink(props: Props): ReactNode;
 }
 
 declare module '@theme/Icon/WordWrap' {
-  import type {ComponentProps} from 'react';
+  import type {ComponentProps, ReactNode} from 'react';
 
   export interface Props extends ComponentProps<'svg'> {}
 
-  export default function IconWordWrap(props: Props): JSX.Element;
+  export default function IconWordWrap(props: Props): ReactNode;
 }
 
 declare module '@theme/Icon/Socials/Twitter' {
-  import type {ComponentProps} from 'react';
+  import type {ComponentProps, ReactNode} from 'react';
 
   export interface Props extends ComponentProps<'svg'> {}
 
-  export default function Twitter(props: Props): JSX.Element;
+  export default function Twitter(props: Props): ReactNode;
 }
 
 declare module '@theme/Icon/Socials/GitHub' {
-  import type {ComponentProps} from 'react';
+  import type {ComponentProps, ReactNode} from 'react';
 
   export interface Props extends ComponentProps<'svg'> {}
 
-  export default function Github(props: Props): JSX.Element;
+  export default function Github(props: Props): ReactNode;
 }
 
 declare module '@theme/Icon/Socials/X' {
-  import type {ComponentProps} from 'react';
+  import type {ComponentProps, ReactNode} from 'react';
 
   export interface Props extends ComponentProps<'svg'> {}
 
-  export default function X(props: Props): JSX.Element;
+  export default function X(props: Props): ReactNode;
 }
 
 declare module '@theme/Icon/Socials/LinkedIn' {
-  import type {ComponentProps} from 'react';
+  import type {ComponentProps, ReactNode} from 'react';
 
   export interface Props extends ComponentProps<'svg'> {}
 
-  export default function LinkedIn(props: Props): JSX.Element;
+  export default function LinkedIn(props: Props): ReactNode;
 }
 
 declare module '@theme/Icon/Socials/Default' {
-  import type {ComponentProps} from 'react';
+  import type {ComponentProps, ReactNode} from 'react';
 
   export interface Props extends ComponentProps<'svg'> {}
 
-  export default function DefaultSocialIcon(props: Props): JSX.Element;
+  export default function DefaultSocialIcon(props: Props): ReactNode;
 }
 
 declare module '@theme/Icon/Socials/StackOverflow' {
-  import type {ComponentProps} from 'react';
+  import type {ComponentProps, ReactNode} from 'react';
+
+  export interface Props extends ComponentProps<'svg'> {}
+
+  export default function StackOverflow(props: Props): ReactNode;
+}
+
+declare module '@theme/Icon/Socials/Bluesky' {
+  import type {ComponentProps, ReactNode} from 'react';
+
+  export interface Props extends ComponentProps<'svg'> {}
+
+  export default function Bluesky(props: Props): ReactNode;
+}
+
+declare module '@theme/Icon/Socials/Instagram' {
+  import type {ComponentProps, ReactNode} from 'react';
+
+  export interface Props extends ComponentProps<'svg'> {}
+
+  export default function Instagram(props: Props): ReactNode;
+}
+
+declare module '@theme/Icon/Socials/Threads' {
+  import type {ComponentProps, ReactNode} from 'react';
+
+  export interface Props extends ComponentProps<'svg'> {}
+
+  export default function Threads(props: Props): ReactNode;
+}
+
+declare module '@theme/Icon/Socials/YouTube' {
+  import type {ComponentProps, ReactNode} from 'react';
+
+  export interface Props extends ComponentProps<'svg'> {}
+
+  export default function YouTube(props: Props): ReactNode;
+}
+
+declare module '@theme/Icon/Socials/Twitch' {
+  import type {ComponentProps, ReactNode} from 'react';
+
+  export interface Props extends ComponentProps<'svg'> {}
+
+  export default function Twitch(props: Props): ReactNode;
+}
+
+declare module '@theme/Icon/Socials/Mastodon' {
+  import type {ComponentProps, ReactNode} from 'react';
 
   export interface Props extends ComponentProps<'svg'> {}
 
-  export default function StackOverflow(props: Props): JSX.Element;
+  export default function Mastodon(props: Props): ReactNode;
 }
 
 declare module '@theme/TagsListByLetter' {
+  import type {ReactNode} from 'react';
   import type {TagsListItem} from '@docusaurus/utils';
 
   export interface Props {
     readonly tags: readonly TagsListItem[];
   }
-  export default function TagsListByLetter(props: Props): JSX.Element;
+  export default function TagsListByLetter(props: Props): ReactNode;
 }
 
 declare module '@theme/TagsListInline' {
+  import type {ReactNode} from 'react';
   import type {Tag} from '@docusaurus/utils';
 
   export interface Props {
     readonly tags: readonly Tag[];
   }
-  export default function TagsListInline(props: Props): JSX.Element;
+  export default function TagsListInline(props: Props): ReactNode;
 }
 
 declare module '@theme/Tag' {
+  import type {ReactNode} from 'react';
   import type {TagsListItem} from '@docusaurus/utils';
   import type {Optional} from 'utility-types';
 
   export interface Props extends Optional<TagsListItem, 'count'> {}
 
-  export default function Tag(props: Props): JSX.Element;
+  export default function Tag(props: Props): ReactNode;
 }
 
 declare module '@theme/ContentVisibility' {
+  import type {ReactNode} from 'react';
+
   export interface Props {
     readonly metadata: {
       // the visibility metadata our 3 content plugins share in common
@@ -1611,23 +1797,27 @@ declare module '@theme/ContentVisibility' {
     };
   }
 
-  export default function ContentVisibility(props: Props): JSX.Element;
+  export default function ContentVisibility(props: Props): ReactNode;
 }
 
 declare module '@theme/ContentVisibility/Unlisted' {
+  import type {ReactNode} from 'react';
+
   export interface Props {
     className?: string;
   }
 
-  export default function Unlisted(props: Props): JSX.Element;
+  export default function Unlisted(props: Props): ReactNode;
 }
 
 declare module '@theme/ContentVisibility/Draft' {
+  import type {ReactNode} from 'react';
+
   export interface Props {
     className?: string;
   }
 
-  export default function Draft(props: Props): JSX.Element;
+  export default function Draft(props: Props): ReactNode;
 }
 
 declare module '@theme/prism-include-languages' {
@@ -1639,5 +1829,7 @@ declare module '@theme/prism-include-languages' {
 }
 
 declare module '@theme/DocBreadcrumbs/Items/Home' {
-  export default function HomeBreadcrumbItem(): JSX.Element;
+  import type {ReactNode} from 'react';
+
+  export default function HomeBreadcrumbItem(): ReactNode;
 }