gatsby-browser.js

import * as React from "react"
import { createStore, StateMachineProvider } from "little-state-machine"
import formData from "./src/state/formData"
import language from "./src/state/language"
import setting from "./src/state/setting"

createStore({
  formData,
  language,
  setting,
})

export const wrapRootElement = ({ element }) => (
  <StateMachineProvider>{element}</StateMachineProvider>
)

export const onServiceWorkerUpdateReady = () => {
  const answer = window.confirm(
    `🔈 React Hook Form documentation has been updated. ` +
      `Would you like to reload to display the latest version?`
  )
  if (answer === true) {
    window.location.reload()
  }
}