Is my useState function pure? Is React’s strict mode to blame?

I’m seeing the following error when rendering components with data fetched from backend server: “property text of undefined can not be loaded”.

I’m passing an array of objects as a prop to this component from parent component (Home page).

The array is fetched when Home page is loaded with useEffect hook. A console.log() of the data prop shows two log entries: first the empty array; then array with expected data, so at some point this component DOES have access to the necessary data but for some reason still thinks data prop is undefined.

Is this an issue with react’s strict mode? Is my useState function not pure? Should I be using a different approach entirely?