React Hook - useSelector

use-selector.tsx

import React from 'react';

import UVNumber from '../../components/uv_number/uv_number';
import { useSelector } from 'react-redux';
import { UVRootState } from '../../root.reducer';

function UVDashboard() {

  let uvNumberData = useSelector((state: UVRootState) => {
    return state.dashboard.numbers;
  });

  return (
    <div className="uv-dashboard">
      {
        uvNumberData && uvNumberData.map((obj: any, index: any) => (

          <UVNumber title={obj.title}/>
        ))
      }
    </div>
  );
}

export default UVDashboard;