Example of dispatching actions without Thunks using custom hooks

data-service-hook.ts

import { useDispatch } from 'react-redux';
import { setData } from '../actions';

export const useDataService = () => {
  const dispatch = useDispatch();
  const getData = () => {
    fetch(url)
      .then(resp => resp.json())
      .then(data => dispatch(setData(data));
  };

  return {
    getData,
  }
};