rematch-hooks.tsx

import React, { useEffect, FC } from 'react'
import { useSelector, useDispatch } from 'react-redux'
import UserList from '../../components/UserList'
import { RootState, RootDispatch } from '../../store'

const Users: FC = () => {
  const users = useSelector((state: RootState) => state.users)
  const dispatch = useDispatch<RootDispatch>()

  useEffect(() => {
    dispatch.users.load()
  }, [])

  return <UserList users={users} />
}

export default Users