How to use the effector-react/ssr.useStore function in effector-react

const Meta = () => (
  <p>
    This page is rendered on <b>{useStore(isServer) ? 'server' : 'client'}</b>
  </p>
)
const User = () =&gt; <h2>{useStore(user)}</h2>

const Total = () =&gt; <small>Total: {useStore(friendsTotal)}</small>
const FetchingStatus = () =&gt; {

const Total = () =&gt; <small>Total: {useStore(friendsTotal)}</small>
const FetchingStatus = () =&gt; {

const User = () =&gt; <h2>{useStore(user)}</h2>
const Friends = () =&gt; useList(friends, friend =&gt; <li>{friend}</li>)

const FetchingStatus = () => {
  const pending = useStore(fetchUser.pending)
  return (
    <p>
      <small>Status: {pending ? 'fetching...' : 'ready'}</small>
    </p>
  )
}
const UserList = () =&gt; {

const User = () =&gt; <h2>{useStore(user)}</h2>
const Friends = () =&gt; useList(friends, friend =&gt; <li>{friend}</li>)

const Meta = () => (
  <p>
    This page is rendered on <b>{useStore(isServer) ? 'server' : 'client'}</b>
  </p>
)
const User = () =&gt; <h2>{useStore(user)}</h2>

const FetchingStatus = () => {
  const pending = useStore(fetchUser.pending)
  return (
    <p>
      <small>Status: {pending ? 'fetching...' : 'ready'}</small>
    </p>
  )
}
const UserList = () =&gt; {