title: Redux Saga continues loop if Page not Found
body: <p>This is my <code>rootSaga.ts</code></p>
  <pre><code>import { all } from 'redux-saga/effects';
  
  import { Watcher } from '../sagas';
  
  export default function* rootSaga() {
    yield all([Watcher()]);
  }
  </code></pre>
  <p>my <code>API axios</code></p>
  <pre><code> import axios from 'axios';
  
  
  const fetchAPI = () =&gt; {
    return axios.get('https://sample404Case');
  };
  
  export default fetchAPI;
  </code></pre>
  <p>this is my <code>Saga</code></p>
  <pre><code>export function* Watcher() {
    yield takeLatest(actionIds.FETCH_SAMPLE_REQUEST_START, fetchSample);
  }
  
  function* fetchSample() {
    try {
      console.log('generated');
      const generatedSample = yield call(FetchSample);
      console.log(generatedSample);
      yield put({ type: actionIds.FETCH_SAMPLE_REQUEST_SUCCESSFUL, payload: generatedSample.data });
    } catch (error) {
      console.log(error);
      yield put({ type: actionIds.FETCH_SAMPLE_REQUEST_START, error });
    }
  }
  </code></pre>
  <p>Note I deliberately want to have a 404 error but my problem is it makes a continues loop which makes my page to freeze.</p>
  <p>Is there a way to stop the saga once there's an error once?</p>