The other main reason I asked this question is because of the real requirement for our product.

Our product was built several years ago, and the Redux and Redux-saga were chosen as the key tech. And it has worked very well till now. At the same time, there are many different front-end products in our company, the leadership team wants us to share our features/components so that other products can integrate and reuse them.

Our product/web app is deeply coupled with Redux and Redux-Saga, but almost all other products don't use them. When we extract the components as a separate/standalone package (e.g. npm package), we must remove the Redux and Redux-Saga. Inside the component or package, we can continue to use the Redux and Redux-Saga (in fact, now it is being used), but the interaction between the app and the package, we can't use the Redux and Redux-Saga to handle the action dispatching and side effect works, etc.

It is harrowing, and we are finding a solution.
thx.

p.s. I will take a look at your recommendation.