Estoy buscando pasar datos al tema predeterminado de Material UI, pero estoy luchando para que funcione.

Aquí está la definición del tema en index.js:

 let theme = createTheme({ primary: { main: '#212121' } })

Y esto es lo que quiero pasar:

 primary: { main: data.website.live.theme.colors.primary }

Esto es lo que probé:

 let theme = createTheme(data, { primary: { main: data.website.live.theme.colors.primary } })

Pero este enfoque no funcionó ya que createTheme solo permite los siguientes argumentos:

• Opciones (objeto): toma un objeto de tema incompleto y agrega las partes que faltan.
• ... argumentos (objeto []): fusión profunda de los argumentos con el tema a punto de ser devuelto.

Documentación oficial: https://mui.com/material-ui/customization/theming/#theme-provider