хуки response-select AsyncCreatableSelect с isMulti показывает No Options, используя ax ios get request

Question

Если я использую пример с жесткой кодировкой ниже, я могу выбрать любую метку, isMulti работает и отображаются параметры. не показывать, когда я выбираю параметр, параметры затем показывают «Нет параметров». При первоначальном рендеринге параметров нет, но на втором рендере параметры отображаются в консоли. Что я делаю не так?

const options = GetData('/phases').map(p=> {
            return ({value: p.client_id, label: p.name, phase: p.bid})      
    })



return (        
        <div className='select-container'>            
            <AysncCreatableSelect 
                cacheOptions                
                isClearable
                styles={customStyles} 
                placeholder='Select the phase or batch of projects or start typing new phase.... '
                isMulti              
                onCreateOption={Addphase}
                options={options}              
            /> 
        </div>
    )

Вот компонент GetData. js. Это отлично работает и отображается в консоли с меткой и значением.

const GetData = (resourceName) => {
    const [ resources, setResources ] = useState([])     
    const fetchResources = async (resourceName) => {
        await axios
            .get(resourceName)
            .then((response) => {
                setResources(response.data);
                console.log(response.data)
            })
            .catch((err) => {
                console.log(err)
            })
    }    

    useEffect(() => {
        fetchResources(resourceName)
    }, [resourceName]);
    
    return resources    
}

export default GetData