Как использовать MobileU Stepper в MaterialUI в HypserStack?

Question

Я пытаюсь использовать компонент mobile-stepper ( https://material-ui.com/demos/steppers/) в Hyperstack, но получаю эту ошибку:

Failed prop type: Invalid prop `nextButton` supplied to `MobileStepper`, expected a ReactNode. in MobileStepper

Он отображает только индикатор выполнения, но не кнопки.

Пробовал разными способами то есть:

Mui.MobileStepper( variant: "progress", steps: 6, position: "static",
                   nextButton: lambda { Mui.Button(size: "small") {'next'} },
                   backButton: lambda { Mui.Button(size: "small") {'back'} })

Answer 1

Вы хотите передать полный ReactNode реквизитам nextButton и backButton. Вам также необходимо конвертировать компонент в нативный JavaScript. Ты можешь позвонить to_n на любом компоненте Hyperstack, чтобы преобразовать его в собственный класс реагирования.

Mui.MobileStepper( variant: "progress", steps: 6, position: "static",
                   nextButton: Mui.Button(size: "small") {'next'}.to_n,
                   backButton: Mui.Button(size: "small") {'back'}.to_n)