I am trying to add a reducer to my react native app. Here is the store constant:

export const USER_PROFILE = 'USER_PROFILE';

Here is the action.js

import {USER_PROFILE} from '../constants/index';

export function userProfile(userReducer) {
  return {
    type: USER_PROFILE,
    payload: {
      email: '',
    },
  };
}

This the userReducer that is causing the error. I keep getting an error of customerReducer is not a function.

import {USER_PROFILE} from '../constants/index';

const initialState = {
  userProfile: '',
};

const customerReducer = (state = initialState, action) => {
  switch (action.type) {
    case USER_PROFILE:
      return {
        ...state,
        userProfile: action.payload,
      };
    default:
      return state;
  }
};

export default customerReducer;

And I have declared the email as a state... const [email, setEmail] useState('')

calling the reducer here. const customerReducer = useSelector(state => state.userProfile); Now dispatching it with the useDispatch method.

const dispatch = useDispatch();
...
dispatch(customerReducer(email));