en este enlace: https://mui.com/styles/advanced/#theme-nesting Encontré una guía para personalizar la tematización... Me preguntaba acerca de esa parte del código:

 <ThemeProvider theme={(outerTheme) => ({ ...outerTheme, border: "2px solid black" })} >

Donde básicamente pasas una devolución de llamada de función a la propiedad del theme , que devuelve un objeto (con los antiguos ...outertheme accesorios de tema externo pasados a la función y desestructurados y extendidos...)

Me preguntaba cómo se volvió a llamar esa construcción y cómo funciona detrás de escena. Creo que había algo similar en React llamado render props, donde pasas una función a una propiedad de componente que devuelve una expresión JSX, pero esa función pasa alguna propiedad del componente principal, que pasa esa función como un parent y ejecuta el pero pasa parámetros adicionales de antemano a la función como render props . ¿Está bien?

 <Component someThing={property => (<p>This is some {property}</p>)} />

y en Componente:

 ({someThing}) => (...create `property`, return (someThing(property)))