Locations.js

const LocationScreen = ({route, navigation}) => {
  let variables = route.params.story.variables;
  useEffect(() => {
    /* Override variables passed in with anything loaded from AsyncStorage */
    variables = getData(route.params.storyID, variables);
  }, []);

  console.log('LocationScreen: ' + JSON.stringify(variables));

  return (
    <ScrollView>
      <View style={styles.centeredView}>
        <Location
          jsondata={route.params.story.locations}
          locationID={route.params.locationID}
          key={route.params.storyID}
          variables={variables}
          navigation={navigation}
          storyID={route.params.storyID} /* TODO - make this a global context */
        />
      </View>
    </ScrollView>
  );
};