next-redux-saga-usage.js

import React from 'react';
import { useSelector } from 'react-redux';
import ProjectSection from './ProjectSection';

const ProjectList = () => {
  const projects = useSelector(state => state.projectsReducer.projects);

  return (
    <div>
      {projects.map(project => {
        return <ProjectSection key={project.id} {...project} />;
      })}
    </div>
  );
};

export default ProjectList;