Передача данных через React-Navigation Issue с ​​использованием @ merryjs / photo-viewer в реагирующем

Question

Передача данных с использованием React-Navigation. Отображаются только изображения в виде сетки, но при предварительном просмотре изображения возникает ошибка android.

render() {
    const photos = this.props.navigation.getParam('getPhotos').acf.gallery;
    const imageSize = Dimensions.get('window').width / 3;
    const imageStyle = {
      width: imageSize,
      height: imageSize,
    };

    return (
      <View style={styles.container}>
        <PhotoView
          visible={this.state.visible}
          data={photos}
          hideStatusBar={true}
          hideCloseButton={true}
          hideShareButton={true}
          initial={this.state.initial}
          onDismiss={() => {
            this.setState({visible: false});
          }}
          onChange={data => {
            this.setState({initial: data.index});
          }}
        />
        <ScrollView showsVerticalScrollIndicator={false}>
          <View style={styles.photoContainer}>
            {photos.map((cat, index) => (
              <TouchableOpacity
                key={index.id}
                style={[imageStyle, {}]}
                ref={r => (this.r = r)}
                onPress={() =>
                  this.setState({visible: true, initial: index.id})
                }>
                <Image style={imageStyle} source={{uri: cat.url}} />
              </TouchableOpacity>
            ))}
          </View>
        </ScrollView>
      </View>
    );
  }

"Reaction-native": "0.61.5", "@ merryjs / photo-viewer": "^ 3.1.2" ,

Android Ошибка

Попытка вызвать метод интерфейса 'java .lang.string com.facebook.react.bridge.readablemap.getstring для ссылки на нулевой объект