Using Data Service Custom Hook

example-component.ts

import React, { FC } from 'react';
import { useDataSErvice } from '../hooks';
import { useSelector } from 'react-redux';
import { selectData } from '../selectors';

export const ExampleComponent: FC = (props) => {
  const { getData } = useDataService();
  const data = useSelector(selectData);

  useEffect(() => {
    getData();
  }, []);

  return (
    <div>{ data }</div> 
  );
}