Possible Unhandled Promise Rejection (id: 0): TypeError: this.props is undefined

[onkar-dange]

I have a class component as PatientQueue in PatientQueue.js file and Another class component of PatientDetailView in PatientDetailView.js file.
And I am calling function Getdetails() which is in PatientQueue class from PatientDetailView class.By creating its object. but when I am calling Getdetails I get the error of Possible Unhandled Promise Rejection (id: 0): TypeError: this.props is undefined.

and my code is like this

1. PatientQueue file
   import React from 'react';
   import { FlatList,BackHandler, ListView,ToastAndroid, ScrollView, ActivityIndicator,AppState, TouchableOpacity, Alert, StyleSheet, Image, Text, View, Button, AsyncStorage, SafeAreaView, RefreshControl } from 'react-native';
   import { createStackNavigator, createAppContainer, DrawerItems } from 'react-navigation';
   import { SearchBar, Icon } from 'react-native-elements';
   import MultiSelect from 'react-native-multiple-select';
   import { PatientDetailView } from './PatientDetailView';
   import { connect } from "react-redux";
   import { fetchQueue } from '../common/actions/patientQueue';
   import { filterQueue } from '../common/actions/filters';
   import { clearAllFilters } from '../common/actions/filters';
   class PatientQueue extends React.Component {
   constructor(props) {
   super(props);
   ......
   }

ForTesting(){
console.log("function called")
}

async Getdetails() {
console.log("fetch detailssss")

const retrievedItem = await AsyncStorage.getItem("StorageData");
const getretrievedItem = JSON.parse(retrievedItem);
var loginToken = getretrievedItem.token;

	await this.props.dispatch(fetchQueue(loginToken));
   console.log("fetch details comleted") 

}

render() {
..............
}
}
export default connect(mapStateToProps)(PatientQueue);
const RefreshList=new PatientQueue();
export{RefreshList}

2. And in PatientDetailView file

import React from 'react';
import { FlatList,Modal, ListView,TextInput, Linking,Picker, TouchableOpacity, ActivityIndicator, Alert, StyleSheet, Text, View, Button, AsyncStorage } from 'react-native';
import { createStackNavigator, createAppContainer } from 'react-navigation';
import { Header, Left, Right, Icon, Container, Body, Title } from 'native-base';
import {RefreshList} from './PatientQueue';
import PatientQueue from './PatientQueue';

class PatientDetailView extends React.Component {
constructor(props) {
super(props);
this.state = {
modalVisible: false,
TransferModalVisible:false,
......
}
}
async OpenUhs(BtnStatus,PatientId) {
RefreshList.Getdetails();
this.props.navigation.navigate("Queue")
}

render() {

.....
}

export { PatientDetailView };

[react-native-bot]

We are automatically closing this issue because it does not appear to follow any of the provided issue templates.

Please make use of the bug report template to let us know about a reproducible bug or regression in the core React Native library.

If you'd like to propose a change or discuss a feature request, there is a repository dedicated to Discussions and Proposals you may use for this purpose.