minor refactor: rename JSX.Element => React.JSX.Element

docs/components/Figure.tsx

@@ -2,7 +2,11 @@ export { Figure }
 
 import React from 'react'
 
-function Figure({ width, text, children }: { width: number; text: string | JSX.Element; children: React.ReactNode }) {
+function Figure({
+  width,
+  text,
+  children
+}: { width: number; text: string | React.JSX.Element; children: React.ReactNode }) {
   return (
     <>
       <div

docs/components/static-host.tsx

@@ -5,7 +5,7 @@ export { StaticHostDocOutro }
 import { Link } from '@brillout/docpress'
 import React from 'react'
 
-function StaticHostDocIntro({ staticHostLink }: { staticHostLink?: JSX.Element }) {
+function StaticHostDocIntro({ staticHostLink }: { staticHostLink?: React.JSX.Element }) {
   return (
     <>
       <p>
@@ -46,7 +46,7 @@ function StaticHostDocStrategies({ name = 'the static host' }: { name?: string }
     </>
   )
 }
-function StaticHostDocOutro({ baseUrlAddendum }: { baseUrlAddendum?: JSX.Element }) {
+function StaticHostDocOutro({ baseUrlAddendum }: { baseUrlAddendum?: React.JSX.Element }) {
   return (
     <>
       <p>

docs/package.json

@@ -6,7 +6,7 @@
     "typecheck": "tsc --noEmit --watch"
   },
   "dependencies": {
-    "@brillout/docpress": "^0.10.11",
+    "@brillout/docpress": "^0.10.12",
     "@types/node": "^22.10.2",
     "@types/react": "^19.0.2",
     "@types/react-dom": "^19.0.2",

docs/pages/index/components/Icon.tsx

@@ -5,7 +5,7 @@ import React from 'react'
 
 const iconSizeDefault = 28
 
-function Icon({ icon, size, color }: { icon: JSX.Element; size: number; color: string }) {
+function Icon({ icon, size, color }: { icon: React.JSX.Element; size: number; color: string }) {
   const margin = (iconSizeDefault - size) / 2
   return (
     <div

docs/pages/index/components/ParagraphTextCollection.tsx

@@ -8,9 +8,9 @@ export const ParagraphTextCollection = ({
   buttonLable
 }: {
   title: string
-  description: string | JSX.Element
+  description: string | React.JSX.Element
   buttonLable?: string
-  icon: JSX.Element
+  icon: React.JSX.Element
 }) => {
   return (
     <div style={{ width: '100%' }}>

docs/pages/index/components/SectionTextCollection.tsx

@@ -8,8 +8,8 @@ export const SectionTextCollection = ({
   style
 }: {
   caption: string
-  title: string | JSX.Element
-  descriptions?: (string | JSX.Element)[]
+  title: string | React.JSX.Element
+  descriptions?: (string | React.JSX.Element)[]
   style?: React.CSSProperties
 }) => {
   return (

docs/pages/index/components/Slotmachine/Slotmachine.tsx

@@ -27,7 +27,7 @@ type slotMachineRegistryType = {
   name: string
   group: slotMachineGroupType
   bgColor: string
-  logo: JSX.Element
+  logo: React.JSX.Element
 }
 
 export const Slotmachine = () => {

docs/pages/index/global.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="vite/client" />
 
 declare module '*.svg?react' {
-  const value: () => JSX.Element
+  const value: () => React.JSX.Element
   export default value
 }

docs/pages/pageContext/+Page.mdx

@@ -214,7 +214,7 @@ declare global {
         isAdmin: boolean
       }
       // Refine type of pageContext.Page (it's `unknown` by default)
-      Page: () => JSX.Element
+      Page: () => React.JSX.Element
     }
   }
 }

docs/pages/pricing/value-components.tsx

@@ -65,7 +65,7 @@ function compute_color(value: number) {
   return COLOR_ORANGE
 }
 
-function TableRef({ name, children }: { name: string; children: JSX.Element[] }) {
+function TableRef({ name, children }: { name: string; children: React.JSX.Element[] }) {
   return (
     <>
       <em>{name}</em>: {children}