How to use actionCreators with only Hooks in redux-thunk

Question

I'm trying to use redux-thunk to getData asynchronously using hooks in redux. I can get it all working with connect() but useSelector/useDispatch is where I can't figure it out. codesandbox

import React, { useEffect, useState } from "react";
import { shallowEqual, useSelector, useDispatch } from "react-redux";
import { getData } from '../Actions/index'

const MissionForm = props => {
  const [send, setSend] = useState(false)
  const dispatch = useDispatch()
  const data = useSelector(
    state => ({
      // missions: state.missions,
      isFetchingData: state.isFetchingData
    }),
    shallowEqual
  );


  useEffect(() => {
    if(send) {
      console.log('im', send)
      dispatch(getData())
    }
  }, [])

  const handleGetData = e => {
    setSend(true)
    e.preventDefault();
  }

  return (
    <>
      {data.isFetchingData ? (
        <div>We are fetching data...</div>
      ) : (
        <button onClick={() => dispatch(getData)}>Get Mission</button>
      )}
    </>
  );
};

export default MissionForm;

This is the Action from '../Actions/index'

export const getData = () => dispatch => {
  console.log('step 1 sent')
  dispatch({ GET_DATA });
  console.log('thunky worked')
  axios('https://api.spacexdata.com/v3/missions')
    .then(response => {
      console.log(response)
      dispatch({
        type: UPDATE_MISSIONS,
        missions: response
      })
    })
    .catch(error => console.log(`Couldn't retrieve data.`, error))
};