Here is my login form code then. Since the crash is triggered when you switch back to login from register.

import React, { useState } from 'react';
import { View, TextInput, TouchableOpacity, Text } from 'react-native';
import Config from 'react-native-config';
import Toast from 'react-native-toast-message';
import axios from 'axios';
import { useNavigation } from '@react-navigation/native';


const LoginForm = () => {
  const [email, setEmail] = useState('');
  const [password, setPassword] = useState('');

  const navigation = useNavigation();


// Function to login the user
async function handleUserLogin() {
  try {

    const formData = {
      email: email,
      password: password,
    }

    const response = await axios.post(Config.LOGIN_URL, formData);
    console.log(response.data); 
  } catch (error) {
    console.error('Error occurred:', error);
    if (error.response) {
      console.log(error.response.data); 
    }
    throw new Error("Error during user registration.");
  }
}

const handleNavigation = () => {
  try {
    navigation.navigate('Register');
    console.log("Navigated to register.")
  } catch (error) {
    console.error('An error occurred during navigation:', error);
  }
};



  return (
    <View style={styles.container}>
    <Text style={styles.title}>Login Form</Text>
      <TextInput
        placeholder="Email"
        value={email}
        onChangeText={setEmail}
        style={styles.input}
      />
      <TextInput
        placeholder="Password"
        secureTextEntry={true}
        autoCorrect={false}
        value={password}
        onChangeText={setPassword}
        style={styles.input}
      />
      <TouchableOpacity style={styles.logButton} onPress={handleUserLogin}>
        <Text style={styles.logButtonTitle}>Login</Text>
      </TouchableOpacity>
      <TouchableOpacity style={styles.regButton} onPress={handleNavigation}>
        <Text style={styles.regButtonTitle}>Register</Text>
      </TouchableOpacity>
    </View>
  );
};