How to inject a Global Saga? about react-boilerplate-cra-template

@Bharath-Teqnirvana I tried this way as well but then browser tab just keeps loading and ultimately becomes unresponsive.

I think, some action is dispatching in infinite loop. I don't think injecting in app/index.ts don't cause loading. I have used this and i didn't faced that issue. Monitor which action is dispatching multiple times using redux dev tool for chrome.

I hope injecting global saga app/index.ts will work fine.

import * as React from 'react;
import { Helmet } from 'react-helmet-async';
import { Switch, Route, BrowserRouter } from 'react-router-dom';

import {globalSaga } from 'app/global/saga';
import { useInjectSaga } from 'utils/redux-injectors';

export function App() {
useInjectSaga({ key: sliceKey, saga: globalSaga });
return (
<BrowserRouter>
<Switch>
</Switch>
</BrowserRouter>
);
}

[super-sid]

@Bharath-Teqnirvana I tried this way as well but then browser tab just keeps loading and ultimately becomes unresponsive.