Improve children type

mui · Jul 22, 2024 · 5b67586 · 5b67586
1 parent 288863b
commit 5b67586
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 7 deletions.
diff --git a/docs/data/material/components/accordion/AccordionTransition.tsx b/docs/data/material/components/accordion/AccordionTransition.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import Accordion, { AccordionSlots } from '@mui/material/Accordion';
+import Accordion from '@mui/material/Accordion';
 import AccordionSummary from '@mui/material/AccordionSummary';
 import AccordionDetails from '@mui/material/AccordionDetails';
 import Typography from '@mui/material/Typography';
@@ -18,7 +18,7 @@ export default function AccordionTransition() {
       <Accordion
         expanded={expanded}
         onChange={handleExpansion}
-        slots={{ transition: Fade as AccordionSlots['transition'] }}
+        slots={{ transition: Fade }}
         slotProps={{ transition: { timeout: 400 } }}
         sx={[
           expanded

diff --git a/packages/mui-material/src/Accordion/Accordion.d.ts b/packages/mui-material/src/Accordion/Accordion.d.ts
@@ -13,9 +13,7 @@ export interface AccordionSlots {
    * [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
    * @default Collapse
    */
-  transition?: React.JSXElementConstructor<
-    TransitionProps & { children?: React.ReactElement<any, any> }
-  >;
+  transition?: React.ElementType<TransitionProps & { children: React.ReactElement<any, any> }>;
 }
 
 export interface AccordionTransitionSlotPropsOverrides {}
@@ -80,8 +78,8 @@ export type AccordionTypeMap<
        * The component used for the transition.
        * [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
        */
-      TransitionComponent?: React.JSXElementConstructor<
-        TransitionProps & { children?: React.ReactElement<any, any> }
+      TransitionComponent?: React.ElementType<
+        TransitionProps & { children: React.ReactElement<any, any> }
       >;
       /**
        * Props applied to the transition element.