Function init

client/src/client/index.tsx:25–58

()

const reducer = (store: any) => store

const init = async () => {
  const fetcher = new ClientFetcher(window.__RELAY_PAYLOADS__ || {})
  delete window.__RELAY_PAYLOADS__
  const resolver = createResolver(fetcher)

  const preloadedState = window.__PRELOADED_STATE__
  delete window.__PRELOADED_STATE__
  const store = createStore(reducer, preloadedState)
  const routeConfig = createRouteConfig(store)

  const Router = await createInitialFarceRouter({
    historyProtocol: new BrowserProtocol(),
    historyMiddlewares,
    resolver,
    render,
    routeConfig,
  })

  const root = ReactDOM.createRoot(document.getElementById('root') as HTMLElement)

  if (root) {
    root.render(
      <StrictMode>
        <RelayEnvironmentProvider environment={resolver.environment}>
          <Provider store={store}>
            <Router resolver={resolver} />
          </Provider>
        </RelayEnvironmentProvider>
      </StrictMode>,
    )
  }

  if (module.hot) module.hot.accept()
}

init()