ما سبب مشكلة Cannot set headers after they are sent to the client في مشروع React Native

يظهر هذا الخطأ عندما أحاول تسجيل الدخول:

وذلك هو ملف SignIn.js :

import React ,{useState,useEffect} from  'react';
import {ScrollView,KeyboardAvoidingView,View} from 'react-native';
import AsyncStorage from '@react-native-async-storage/async-storage';
import axios from '../config/axios';
import {SIGNIN_URL} from '../config/urls';
import Inbut from './compononts/Inbut';
import ScreenTitle from './compononts/ScreenTitle';
import styles from './styles/authStyles';
import { AntDesign } from '@expo/vector-icons';
import Button from './compononts/Button';
import container from './compononts/container';
import Alert from './compononts/Alert';
import Loader from './compononts/Loader';

function SignInScreen (props){
  const [email,setEmail]=useState('');
  const [password , setPassword]=useState('');
const [isLoading ,setLoading]=useState(false);
const [alert , setAlert]=useState({message:null,type:''});

useEffect(()=>{
    const timer=setTimeout(()=>{
     setAlert({messages:null});

    },3000);
    return ()=>clearTimeout(timer);
},[alert.message]);

const changeEmailHandeler=(value)=>{
    setEmail(value);
}
const changePasswordHandeler=(value)=>{
    setPassword(value);
}

const validate =()=>{
    
     let validationError=[];
     let passed=true;
    
     if(!email){
        validationError.push("الرجاء إدخال البريد الإلكتروني ");
        passed=false;
    }
    if(!password){
        validationError.push("الرجاء إدخال كلمة السر  ");
        passed=false;
    }
    
    
    if(validationError.length>0){
        setAlert({message:validationError,type:'danger'});
    }
return passed ;
}

const _SignIn=()=>{
(async()=>{
    if (!validate())return;
    setLoading(true);
    try{
const response= await axios.post(SIGNIN_URL,{email,password});
console.log({email,password});
  setLoading(false);
  setEmail('');
  setPassword('');
  AsyncStorage.setItem('accessToken',response.data.accessToken);
  console.log(data);
    }catch(e){
setLoading(false);
setAlert({messages:e.response.data.message,type:'danger'});
    }
})();



}



return (
  <ScrollView  contentContainerStyle={{paddingVertical:40}}>
    <Loader title="جاري تسجيل الدخول  " loading={isLoading} ></Loader>
    <Alert messages={alert.message} type={alert.type}></Alert>
    
     <View  style={styles.container} >
     <View style={styles.log}>
     <ScreenTitle title="سجل دخولك " ></ScreenTitle>
            <AntDesign style={styles.Ant} name="login" size={60} color="blue"  />
     </View>

<View>
    <KeyboardAvoidingView>
            <Inbut
            placeholder="البريد الالكتروني " 
            value={email} 
            onChangeText={changeEmailHandeler}

            />
            <Inbut
            placeholder="كلمة المرور   "
            value={password} 
            secureTextEntry
            onChangeText={changePasswordHandeler}
            />
            <Button
             text="تسجيل الدخول "
             onPress={_SignIn}
            ></Button>
            <Button 
            text="أنشئ حسابك  "
            onPress={()=>props.navigation.navigate('SignUp')}
            ></Button>
          
    </KeyboardAvoidingView>


</View>

</View>




    </ScrollView>

)


}
export default SignInScreen;