Inifinite loop while accessing redux store - react-native

Question

I am trying to creat an app and in the current module, I need to get the list of productList from redux store. But when I try to read from the store the entire component started an infinit loop. If I comment the below line, everything becomes normal. I am new to React Native and I don't know what I am doing wrong here
const vendorProducts = useSelector(store => store.productList.loadedProducts);
import React, {useState, useEffect} from 'react';
import {View, Text, StyleSheet, TouchableOpacity, FlatList} from 'react-native';
import {useDispatch, useSelector} from 'react-redux';
import * as productListAction from '../store/actions/products';
import Constants from '../constants/constants';
const Products = props => {
console.log('Hello');
const token = useSelector(store => store.auth.token);
//const vendorProducts = useSelector(store => store.productList.loadedProducts);
const dispatch = useDispatch();
useEffect(() => {
async function getProductList() {
let response;
let productList;
try {
const BASEURL = Constants.BASE_URL;
response = await fetch(BASEURL + 'wp-json/wcfmmp/v1/products/', {
method: 'GET',
headers: {
Accept: 'application/json',
'Content-Type': 'application/json',
Authorization: 'Bearer ' + token,
},
});
productList = await response.json();
} catch (error) {
console.error(error);
}
dispatch(productListAction.loadedProducts(productList));
}
getProductList();
});
return (
<View>
<Text>Product</Text>
</View>
);
};
const style = StyleSheet.create({});
export default Products;