Any advice on how to pass my MuiTheme into my form?

[GYavicoli]

My main.jsx has the following:
createRoot(document.getElementById('root')).render( <StrictMode> <ThemeProvider theme={MY_THEME}> <CssBaseline /> <App /> </ThemeProvider> </StrictMode> );

My App has the following:
<Box sx={{ px: 10, py: 5 }}> <FormViewer view={view} getForm={getForm} initialData={prefill} onFormDataChange={onFormDataChange} /> </Box>

I added another component outside the and that is rendering with the theme colors, however none of the Mui components in FormViewer or my Custom Component see the MUI theme.

Any advice or direction would be appreciated.

Thank you.

[GYavicoli]

I figured it out.
I needed to create my own wrapper and pass the theme to the wrapper:

`export const MyViewWrapper: FormViewerWrapper = ({children)} => {
return (


{children}


)
}

export const myView = view.withViewerWrapper(MyViewWrapper);
myView.define(customComponent.model);
myView.withViewerWrapper(MuiLocalizationProvider);`

And then everything was happy again.

[ashalugin]

Hi @GYavicoli

Yes, this is the correct way.