Estoy trabajando con este recurso de MUI. A pesar de mis esfuerzos, y mirando otras publicaciones similares en Stackoverflow, no puedo hacer que el tema se comporte. Estoy usando las instrucciones textuales de la guía, pero todavía muestra un error mecanografiado.

error:

 Argument of type '{ status: { danger: "#ff9800"; }; }' is not assignable to parameter of type 'ThemeOptions'. Object literal may only specify known properties, and 'status' does not exist in type 'ThemeOptions'.

src/index.tsx

 import React from "react"; import ReactDOM from "react-dom/client"; import App from "./App"; import { createTheme, ThemeProvider } from "@mui/material/styles"; const root = ReactDOM.createRoot( document.getElementById("root") as HTMLElement ); const theme = createTheme({ // type error appears here status: { danger: orange[500], }, }); root.render( <React.StrictMode> <ThemeProvider theme={theme}> <App /> </ThemeProvider> </React.StrictMode> );

raíz - material-ui.d.ts.

 declare module "@mui/material/styles" { export interface Theme { status: { danger: string; }; } // allow configuration using `createTheme` export interface ThemeOptions { status?: { danger?: string; }; } }

Mi suposición es que el tema que está usando createTheme va a hacer referencia al módulo de actualización. No parece estar sucediendo. ¿ material-ui.d.ts no es la ubicación correcta? ¿Algunas ideas?