Как использовать кнопку Material-Ui с MuiThemeProvider в качестве триггера всплывающего окна в React

Question

Я пытаюсь использовать в качестве триггера Popup in React кнопку с пользовательской темой:

 <PopUp modal trigger={
                        <MuiThemeProvider theme={buttonTheme}>
                            <Button variant="contained" color="secondary">Excluir</Button>
                        </MuiThemeProvider>
 }>

Но когда я делаю это, я получаю эту ошибку: «Failed prop type: реквизиты не поддерживаются: onClick. Пожалуйста, удалите их. в ThemeProvider "и" Компонентам функций нельзя давать ссылки. Попытки получить доступ к этой ссылке потерпят неудачу. Вы имели в виду использовать React.forwardRef ()? ". Я хотел бы остановить ошибку. Кнопка становится разноцветной, но она не открывает всплывающее окно.

Answer 1

Вам просто нужно поместить тег вне триггера.

<MuiThemeProvider theme={buttonTheme}>
         <PopUp modal trigger={<Button variant="contained" color="secondary">Excluir</Button>>}
</MuiThemeProvider>