rematch-connect.tsx

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

type UsersProps = ReturnType<typeof mapState> & ReturnType<typeof mapDispatch>

const Users: FC<UsersProps> = ({ users, load }) => {
  useEffect(() => {
    load()
  }, [])

  return <UserList users={users} />
}

const mapState = (state: RootState) => ({
  users: state.users,
})

const mapDispatch = (dispatch: RootDispatch) => ({
  load: dispatch.users.load,
})

export default connect(mapProps, mapDispatch)(Users)