How can i pass the data from the response as a prop to a component?

Write a function, called a selector, that takes the store's state as an argument and returns the specific value from the state tree you'd like to use. Then import and call redux's useSelector (wrapping your selector) to obtain the most current value. You can then print that value in your component's jsx or pass it into whatever lower component it fits.

Side note: I recommend it in your action method, instead of just dumping your response body into the payload, you more explicitly map the properties you're expecting from your response. In your reducer, also explicitly destructure the expected value(s). It will keep your code easier to follow.

Selector file:

export const mySelector = (state) => {
   // Calculate the value you want from state and return it here.
}

In your component file:

import { useSelector } from 'redux';
import { mySelector } from 'path-to-mySelector';

...
//Inside the component definition:
const someExpectedValueFromStore = useSelector(mySelector);