import {Provider, useStoreMap} from 'effector-react/ssr'

const root = createDomain()

const $list = root.createStore([
  {id: 1, title: 'a'},
  {id: 2, title: 'b'},
])

const Link = ({id}) => {
  const item = useStoreMap({
    store: $list,
    keys: [id],
    fn: (list, [id]) => list.find(item => item.id === id),
  })

  return <div key={item.id}>{item.title}</div>
}
const scope = fork(root)

ReactDOM.render(
  <Provider value={scope}>
    <Link id={1} />
  </Provider>,
  document.getElementById('root')
)