Материал-интерфейс и официальный пример Гэтсби

Question

Я использую пользовательский интерфейс gatsby и material в соответствии с официальным примером, и мне интересно, нужно ли мне добавлять оболочку withRoot к КАЖДОМУ компоненту, использующему MUI, или я могу просто обернуть компонент самого высокого уровня, который я хочу использовать?MUI?

У меня проблемы с рендером и IDK, как отследить причину.В dev все работает отлично, но в prod выравнивания <Grid> отключены, и на начальном рендере не применяются стили.Они наносятся через секунду или две после первой краски.

Я точно следовал примеру и завернул только свой глобальный компонент макета.

Answer 1

У меня возникли те же проблемы, когда я начал работать с Гэтсби 2 (последняя бета) и MaterialUI .

После некоторых исследований Iнаткнулся на очень полезные комментарии на GitHub. Я суммировал свои уроки (со ссылками на упомянутые комментарии и решения) в одном из вопросов на GitHub.Вы можете найти их здесь .

Надеюсь, это поможет вам и другим.