cancel fetching axios redux

cancelfetch.js

useEffect(() => {
    const cancelToken = customAxios.CancelToken.source();
    dispatch(fetchDataABC(match.params.id, cancelToken.token));

    return () => {
        cancelToken.cancel(`Cancel fetchData ${match.params.id}`)
    }
}, []);


export const fetchDataABC = (id, cancelToken) => async dispatch => {
    try {
        const {data: info} = await axios.get(`/datalink/${id}`, {
            cancelToken
        });

        dispatch({
            type: FETCH_DATA_ABC,
            payload: info
        })
    } catch (e) {
        console.log("fetchData get error ", e);
    }
};