PrimeReact Select Item is empty after loading data from API

Question

My Functional component is as follows:

const Scratch = () => {

 const [isLoaded, setIsLoaded] = useState(false);
 const colorSelectItems=[];
 const [selectedC