connect.js

import React from "react";
import { connect } from "react-redux";

import { loadMoreChatrooms } from "actions";
import AllChatrooms from "./AllChatrooms";

const Profile = ({ chatrooms, loadMoreChatrooms }) => {
  return (
    <div>
      <AllChatrooms chatrooms={chatrooms} />
      <button onClick={loadMoreChatrooms}>Load more</button>
  	</div>
  );
};

const mapStateToProps = state => ({
  chatrooms: state.allChatrooms
});

const mapDispatchToProps = { loadMoreChatrooms };

export default connect(mapStateToProps, mapDispatchToProps)(Profile);

hooks.js

import React from "react";
import { useSelector, useDispatch } from "react-redux";

import { loadMoreChatrooms } from "actions";
import AllChatrooms from "./AllChatrooms";

const Profile = () => {
  const chatrooms = useSelector(state => state.allChatrooms);
  const dispatch = useDispatch()
  
  return (
    <div>
      <AllChatrooms chatrooms={chatrooms} />
      <button onClick={() => dispatch(loadMoreChatrooms())}>Load more</button>
  	</div>
  );
};

export default Profile;