♻️ use ReactNode instead of JSX.Element

Author: StarHeartHunt

package.json

@@ -47,7 +47,7 @@
     "@types/prompts": "^2.4.4",
     "@types/react": "^18.2.15",
     "@types/react-dev-utils": "^9.0.11",
-    "@types/react-dom": "^18.3.0",
+    "@types/react-dom": "^18.2.7",
     "@types/react-test-renderer": "^18.0.0",
     "@types/shelljs": "^0.8.12",
     "@typescript-eslint/eslint-plugin": "^5.62.0",

packages/theme-nonepress/src/contexts/MobileMenu.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useState, useMemo, type ReactNode } from "react";
+import React, { useEffect, useMemo, useState, type ReactNode } from "react";
 
 import { ReactContextError } from "@docusaurus/theme-common";
 import { useHistoryPopHandler } from "@docusaurus/theme-common/internal";
@@ -42,7 +42,7 @@ export function MobileMenuProvider({
   children,
 }: {
   children: ReactNode;
-}): JSX.Element {
+}): ReactNode {
   const value = useContextValue();
   return <Context.Provider value={value}>{children}</Context.Provider>;
 }

packages/theme-nonepress/src/contexts/SidebarContent.tsx

@@ -1,4 +1,4 @@
-import React, { useContext, useState, type ReactNode, useEffect } from "react";
+import React, { useContext, useEffect, useState, type ReactNode } from "react";
 
 import { ReactContextError } from "@docusaurus/theme-common";
 
@@ -17,7 +17,7 @@ export function SidebarContentProvider({
   children,
 }: {
   children: ReactNode;
-}): JSX.Element {
+}): React.ReactNode {
   const value = useState<Content>(null);
 
   return <Context.Provider value={value}>{children}</Context.Provider>;

packages/theme-nonepress/src/contexts/SidebarDisplay.tsx

@@ -1,9 +1,9 @@
 import React, {
-  useState,
   useContext,
+  useEffect,
   useMemo,
+  useState,
   type ReactNode,
-  useEffect,
 } from "react";
 
 import { ReactContextError } from "@docusaurus/theme-common";
@@ -40,7 +40,7 @@ export function SidebarDisplayProvider({
   children,
 }: {
   children: ReactNode;
-}): JSX.Element {
+}): React.ReactNode {
   const value = useContextValue();
   return <Context.Provider value={value}>{children}</Context.Provider>;
 }

packages/theme-nonepress/src/contexts/TOCContent.tsx

@@ -1,4 +1,4 @@
-import React, { useContext, useState, type ReactNode, useEffect } from "react";
+import React, { useContext, useEffect, useState, type ReactNode } from "react";
 
 import { ReactContextError } from "@docusaurus/theme-common";
 
@@ -22,7 +22,7 @@ export function TOCContentProvider({
   children,
 }: {
   children: ReactNode;
-}): JSX.Element {
+}): React.ReactNode {
   const value = useState<Content>(null);
 
   return <Context.Provider value={value}>{children}</Context.Provider>;

packages/theme-nonepress/src/contexts/TOCDisplay.tsx

@@ -1,9 +1,9 @@
 import React, {
-  useState,
   useContext,
+  useEffect,
   useMemo,
+  useState,
   type ReactNode,
-  useEffect,
 } from "react";
 
 import { ReactContextError } from "@docusaurus/theme-common";
@@ -40,7 +40,7 @@ export function TOCDisplayProvider({
   children,
 }: {
   children: ReactNode;
-}): JSX.Element {
+}): React.ReactNode {
   const value = useContextValue();
   return <Context.Provider value={value}>{children}</Context.Provider>;
 }

packages/theme-nonepress/src/tailwindcss-nesting.d.ts

@@ -217,7 +217,7 @@ function processAdmonitionProps(props: Props): Props {
   };
 }
 
-export default function Admonition(props: Props): JSX.Element {
+export default function Admonition(props: Props): React.ReactNode {
   const {
     children,
     type,

packages/theme-nonepress/src/theme/Admonition/index.tsx

@@ -9,7 +9,7 @@ import IconClose from "@theme/Icon/Close";
 
 export default function AnnouncementBarCloseButton(
   props: Props,
-): JSX.Element | null {
+): React.ReactNode | null {
   return (
     <div className={clsx(props.className, "announcement-button")}>
       <button

packages/theme-nonepress/src/theme/AnnouncementBar/CloseButton/index.tsx

@@ -6,7 +6,7 @@ import { useNonepressThemeConfig } from "@nullbot/docusaurus-theme-nonepress/cli
 
 import type { Props } from "@theme/AnnouncementBar/Content";
 
-export default function AnnouncementBarContent(props: Props): JSX.Element {
+export default function AnnouncementBarContent(props: Props): React.ReactNode {
   const { announcementBar } = useNonepressThemeConfig();
   const { content } = announcementBar!;
   return (