How to implement dependency injection in React?

Question

React

There is a service for working with the API.

How to correctly insert dependencies into components on hooks?
If they were class-based, I would use TypeDI and insert them into the constructor.

But I have not seen anywhere that they use DI for react in general, all the examples that I find are just import and use of the service, how can I test it later, if necessary, replace it, etc.?

Can you please tell me how is it usually done?
Perhaps I'm overcomplicating the task and it's more correct to refuse services, di and so on, and sculpt like in most applications just use fetch directly in useEffect/didMount ?

Answer 1

1. InversifyJS ;
2. You make a hook to get the service from the container. Here is an example .