How to navigate to other component using functional component

Question

I'm using useHistory for navigate one screen to other .. but here i;m getting issue called TypeError: undefined is not an object (evaluating 'history.push') i dont know what is wrong here..please hlep me thanks in advance

import { useHistory } from "react-router-dom";
 const history = useHistory();

function intiateVideoCall ()  {
 history.push('/ChatFunction');
}

const ChatFunction = ({ navigation }) => {
 <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
   <GiftedChat
    messages={messages}
   onSend={messages => handleSendMessage(messages)}
   />
</View>   
}

<TouchableOpacity
    style = {styles.submitButton}
    onPress = {intiateVideoCall}>
  <Text style = {styles.submitButtonText}> Connect </Text>
</TouchableOpacity>

Erdenezaya · Accepted Answer · 2021-02-11 11:55:25Z

1

you can't use react-router-dom on react-native. You can use react-navigation https://reactnavigation.org/docs/getting-started/ or react-router-native https://reactrouter.com/native/guides/quick-start

answered Feb 11, 2021 at 11:55

Erdenezaya

1414 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to navigate to other component using functional component

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related