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

const Friends = () =&gt; useList(friends, friend =&gt; <li>{friend}</li>)
const Total = () =&gt; <small>Total: {useStore(friendsTotal)}</small>

const UserList = () => {
  const selectUser = useEvent(selectUserEvent)
  return useList(userList, userName => {
    const isSelected = useStoreMap({
      store: user,
      keys: [userName],
      fn: (selected, [current]) => selected === current,
    })
    return (
      <>
        <br>
        <button> selectUser(users[userName])}
          disabled={isSelected}&gt;
          {userName}
        </button>
      
    )
  })

const UserList = () => {
  const selectUser = useEvent(selectUserEvent)
  return useList(userList, userName => {
    const isSelected = useStoreMap({
      store: user,
      keys: [userName],
      fn: (selected, [current]) => selected === current,
    })
    return (
      <>
        <br>
        <button> selectUser(userName)} disabled={isSelected}&gt;
          {userName}
        </button>
      
    )
  })
}
export const App = ({root}) =&gt; (

const Friends = () =&gt; useList(friends, friend =&gt; <li>{friend}</li>)
const Total = () =&gt; <small>Total: {useStore(friendsTotal)}</small>