fix: Make withInjectables have access to all features of di

Co-authored-by: Janne Savolainen <janne.savolainen@live.fi>
Signed-off-by: Iku-turso <mikko.aspiala@gmail.com>

packages/injectable/react/src/withInjectables/withInjectables.js

@@ -40,6 +40,8 @@ export default (Component, { getPlaceholder = constant(null), getProps }) =>
           };
 
           const diForComponentContext = {
+            ...di,
+
             inject: (alias, parameter) =>
               di.inject(alias, parameter, componentContext),
 

packages/injectable/react/src/withInjectables/withInjectables.test.jsx

@@ -15,6 +15,7 @@ import asyncFn from '@async-fn/jest';
 import { observable, runInAction } from 'mobx';
 import { observer } from 'mobx-react';
 import registerInjectableReact from '../registerInjectableReact/registerInjectableReact';
+import { keys } from 'lodash/fp';
 
 const flushPromises = () => new Promise(flushMicroTasks);
 
@@ -166,6 +167,23 @@ describe('withInjectables', () => {
     expect(rendered.baseElement).toMatchSnapshot();
   });
 
+  it('given component, when rendered, has access to full di from react context', () => {
+    const DumbTestComponent = () => <div />;
+
+    const SmartTestComponent = withInjectables(DumbTestComponent, {
+      getProps: diInGetProps => {
+        expect(keys(diInGetProps)).toEqual(keys(di));
+        expect(keys(diInGetProps)).not.toEqual([]);
+
+        return {};
+      },
+    });
+
+    mount(<SmartTestComponent />);
+
+    expect.assertions(2);
+  });
+
   [
     {
       name: 'given anonymous component and a dependency cycle, when rendered, throws context for a uniquely generated component name and cycle',