Why API is getting called twice in redux-saga?

So, I am trying to dispatch an action to get a request. But I can see that the API is getting called twice but the action dispatched once. Please Help in this -

I did console.log() in both function forgetPasswordSaga and onForgetPasswordButtonClick Result : forgetPasswordSaga is called twice and onForgetPasswordButtonClick called once Component

const Login = (props: Props) => {
 const { dispatch } = props;

 const onForgetPasswordButtonClick = (data: ForgetPasswordData) => {
         dispatch({
           type: 'LOGINPAGE_FORGET_PASSWORD_REQUEST',
           payload: { data },
         });
      };
 
 const mapStateToProps = (state: any) => {
   const { loading } = state.ui;
   return {
     loading
   };
 };

 export default connect(mapStateToProps, null)(Login);

Saga

const forgetPasswordSaga = function* (action: Action) {
      try {
        const response = yield call(forgetPassword, action.payload);
        yield put({ type: FORGET_PASSWORD_SUCCESS });
        Router.go(RoutePath.LOGIN);
        return response;
      } catch (e) {
        yield put({ type: FORGET_PASSWORD_FAIL });
        yield put({ type: ERROR_SET, metadata: { message: Error.getErrorMessage(e) } });
      }
    };
    
    export default [
      takeLatest('LOGINPAGE_FORGET_PASSWORD_REQUEST', forgetPasswordSaga),
    ];

[iamrahman]

@Roeefl There could be many possibilities from which this problem could occur. In my case, I was working with multiple sagas. So there is a function called rootSaga where all the other sagas are mentioned.

I was calling the authSaga twice

export default function* rootSaga() {
  yield all([
    ...assetSaga,      
    ...authSaga,       // here
    ...clientSaga,
    ...fileSaga,
    ...formatSaga,
    ...messagingSaga,
    ...notificationSaga,
    ...projectSaga,
    ...userSaga,
    ...authSaga,        // and here
  ]);

[mastercodebegin]

@Roeefl There could be many possibilities from which this problem could occur. In my case, I was working with multiple sagas. So there is a function called rootSaga where all the other sagas are mentioned.

I was calling the authSaga twice

export default function* rootSaga() {
  yield all([
    ...assetSaga,      
    ...authSaga,       // here
    ...clientSaga,
    ...fileSaga,
    ...formatSaga,
    ...messagingSaga,
    ...notificationSaga,
    ...projectSaga,
    ...userSaga,
    ...authSaga,        // and here
  ]);

thanks alot man same problem i was doing i spent approx 3 hours…