Государство Гэтсби обновляет только информацию о разработке, но не о сборке (производстве)

Question

Я использую контекст React в Gatsby, и у меня проблема с изменениями состояния в производственной сборке. Мой контекст меняется. React не обновляется автоматически.

Я думаю, что моя проблема связана с этой проблемой: Невозможно обновить атрибут JSX на основе параметра URL в приложении Gatsby, работающем на производстве

Однако я не получить ошибки несоответствия.

Хорошо работает в режиме разработки, почему не работает в производстве?

Answer 1

Это решило мою проблему: https://github.com/gatsbyjs/gatsby/issues/17914

Двухпроходный рендеринг

class Layout extends React.Component {
  constructor(props) {
    super(props)
    this.state = { isClient: false }
  }
  render() {
    // can be `div` or anything else, I tried to keep this generic
    return <React.Fragment key={this.state.isClient}> 
      {/*...*/}
    </React.Fragment/>
  }
  componentDidMount() {
    this.setState({ isClient: true })
  }
}