El kit de Redux con la API de Axios no se está llamando.

¿Alguien puede ayudarme a encontrar cuál es el problema exacto con el código siguiente, ya que soy nuevo en redux.
– La API no se llama
– Los datos no llegan al array de estado products[]

product-slice.js

import { createAsyncThunk, createSlice } from "@reduxjs/toolkit";
import axios from "axios";

const initialState = {
products: [],
sample: “Hello World”,
};

const productSlice = createSlice({
name: “productSlice”,
initialState,
reducers: {
getProducts(state, action) {
const p = action.payload;
console.log(p);
},
},
extraReducers: (builder) => {
builder.addCase(fetchProductData.fulfilled, (state, action) => {
state.products.push(action.payload);
});
},
});

export const fetchProductData = createAsyncThunk(
“products/fetchProducts”,
async (_, thunkAPI) => {
try {
const response = await axios.get(“http://localhost:8080/products”);
return await response.data;
} catch (error) {
return error;
}
}
);

export const productActions = productSlice.actions;

export default productSlice;

ProductList.js (Component)

const ProductList = (props) => {
const history = useHistory();
const hello = useSelector((state) => state.products.sample);
const dispatch = useDispatch();

useEffect(() => {
dispatch(fetchProductData);
}, [dispatch]);
“`