How to use the effector/fork.fork function in effector

server.get(`/${key}`, async(req, res) => {
    try {
      const scope = fork(app)
      await allSettled(startServer, {
        scope,
        params: users[key],
      })
      const data = serialize(scope)
      const content = renderToString()
      const result = await compile({content, data})
      res.send(result)
    } catch (err) {
      console.error(err)
      res.status(500).send('something going wrong')
    }
  })
}

import React from 'react'
import ReactDOM from 'react-dom'
import {createBrowserHistory} from 'history'
import {fork, allSettled} from 'effector/fork'
import {App, location$, startClient} from './app'
import {app} from './domain'

const history = createBrowserHistory()

location$.updates.watch(location => {
  if (history.location !== location) {
    history.push(location)
  }
})

const scope = fork(app, {
  values: (window as any).__initialState__,
})
allSettled(startClient, {
  scope,
  params: history,
})
ReactDOM.hydrate(, document.getElementById('root'))

import React from 'react'
import ReactDOM from 'react-dom'
import {createBrowserHistory} from 'history'
import {fork, allSettled} from 'effector/fork'
import {App, app, location$, startClient} from './app'

const history = createBrowserHistory()

location$.updates.watch(location => {
  if (history.location !== location) {
    history.push(location)
  }
})

const clientScope = fork(app, {
  values: window.__initialState__,
})

allSettled(startClient, {
  scope: clientScope,
  params: history,
}).then(() => {
  ReactDOM.hydrate(, document.getElementById('root'))
})