React Hooks Considarations

React hooks considerations

By default, the registered services use the singleton option enabled. This might cause conflict with native React hooks that utilize the component state, because with the singleton option enabled, the container will always return the same instance of the service. To disable, use the singleton option.

container.add('useCustomHook', () => useCustomHook(), {
  singleton: false
});

This disables the singleton option for the service's get() method. An equivalent way to disable the singleton option is to use the getFactory() method instead, which always returns a new instance of the service without the need to disable the singleton option.