Всем привет! По API приходит json-ка с токеном, пытаюсь отправить

Question

Всем привет! По API приходит json-ка с токеном, пытаюсь отправить

его во wrapper SumsubWebSdk, но он ругается на Cannot read property 'token' of undefined еще до того как апи вызывается:

const Sumsub = ({nextRoute}) => {
const [isLoading, setLoading] = useState(true);
const [data, setData] = useState();

useEffect(() => {
const getAccessTokenAsync = async () => {
setLoading(true);
const res = await getAccessToken();
setData(res.data);
setLoading(false);
};
getAccessTokenAsync()
}, []);
const accessToken = data.token
console.log(data);

return (
<>
{
isLoading ? <h1>Loading......</h1> :
<SumsubWebSdk
accessToken={accessToken}
expirationHandler={(e) => console.log(e)}
config={{
baseURL: 'https://api.sumsub.com'
}}
// options={options}
onMessage={(e) => console.log(e)}
onError={(e) => console.log(e)}
/>
}
</>
)
}