I am building an application which has one API call at the start of the application which contains all data for the application. I am then using React Navigation to route to the home screen (and further screens). I am trying to pass the data from the API call to the home screen, but I am not receiving it in my Home element.

The code is as so:

**App.js**

```
export default function App() {

const [responseJson, setResponseJson] = useState([])

async function fetchData() {
  await fetch('http://api.xxx.com/')
  .then(response => response.json())
  .then(responseJson => {
    setResponseJson(responseJson);
  })
}
return (
  <NavigationContainer>
    <Stack.Navigator initialRouteName="Home">
      <Stack.Screen name="Home" response={responseJson} component={Home} options={{headerShown:false}}/>
    </Stack.Navigator>
  </NavigationContainer>
);

```

**Home.js**

```
export const Home = (props) => {
  return(
    <View style={styles.container}>
    {console.log(props)}
    </View>
  )
}

```

The console.log is providing me an `Object` with `navigation` and `route` keys, but no `response` key. How would I go about passing the data to the Home screen?