lazyInject sync all parameter.

react-atomic/react-atomic-molecule#17

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-atomic-organism",
-  "version": "0.11.8",
+  "version": "0.12.0",
   "description": "Atomic design in React (organisms)",
   "main": "./build/cjs/src/index.js",
   "module": "./build/es/src/index.js",

packages/organism-react-animate/package.json

@@ -1,6 +1,6 @@
 {
   "name": "organism-react-animate",
-  "version": "0.8.5",
+  "version": "0.9.0",
   "description": "React Animate",
   "repository": "react-atomic/react-atomic-organism",
   "main": "./build/cjs/src/index.js",

packages/organism-react-animate/ui/organisms/AnimateGroup.jsx

@@ -2,7 +2,7 @@ import React, { useState, useEffect, useMemo, useRef } from "react";
 import {
   build,
   mixClass,
-  lazyInject,
+  useLazyInject,
   getChildMapping,
 } from "react-atomic-molecule";
 import get from "get-object-value";
@@ -76,9 +76,10 @@ const AnimateGroup = (props) => {
   const mount = useRef(false);
   const aniProps = getAniProps(otherProps, true);
   keys(aniProps).forEach((key) => delete otherProps[key]);
-  useEffect(() => {
-    injects = lazyInject(injects, InjectStyles({ statusKey }));
-  }, []);
+  injects[statusKey] = useLazyInject(
+    InjectStyles({ statusKey }),
+    injects[statusKey]
+  );
   useEffect(() => {
     let _exitTimeout;
     let _enterTimeout;
@@ -153,7 +154,7 @@ AnimateGroup.defaultProps = {
 
 export default AnimateGroup;
 
-let injects;
+const injects = {};
 const InjectStyles = ({ statusKey }) => ({
   init: [
     {

packages/organism-react-dropzone/package.json

@@ -1,11 +1,16 @@
 {
   "name": "organism-react-dropzone",
-  "version": "0.1.3",
+  "version": "0.2.0",
   "description": "React dropzone",
   "repository": "react-atomic/react-atomic-organism",
   "main": "./build/cjs/src/index.js",
   "module": "./build/es/src/index.js",
-  "keywords": ["react", "react-component", "organism", "atomic-ui"],
+  "keywords": [
+    "react",
+    "react-component",
+    "organism",
+    "atomic-ui"
+  ],
   "author": "Hill <[email protected]>",
   "license": "MIT",
   "dependencies": {
@@ -27,17 +32,21 @@
   },
   "scripts": {
     "clean": "find ./build -name '*.*' | xargs rm -rf",
-    "build:cjs": "npm run build:cjs:src && npm run build:cjs:ui",
     "build:cjs:src": "BABEL_ENV=cjs babel src -d build/cjs/src --root-mode upward",
     "build:cjs:ui": "BABEL_ENV=cjs babel ui -d build/cjs/ui --root-mode upward",
-    "build:es": "npm run build:es:src && npm run build:es:ui",
+    "build:cjs": "npm run build:cjs:src && npm run build:cjs:ui",
     "build:es:src": "BABEL_ENV=es babel src -d build/es/src --root-mode upward",
     "build:es:ui": "BABEL_ENV=es babel ui -d build/es/ui --root-mode upward",
+    "build:es": "npm run build:es:src && npm run build:es:ui",
     "build": "npm run clean && npm run build:cjs && npm run build:es",
     "mochaFor": "mocha -r jsdom-global/register",
     "mocha": "npm run mochaFor -- 'build/cjs/**/__tests__/*.js'",
     "test": "npm run build && npm run mocha",
     "prepublishOnly": "npm run test"
   },
-  "files": ["build", "package.json", "README.md"]
+  "files": [
+    "build",
+    "package.json",
+    "README.md"
+  ]
 }

packages/organism-react-dropzone/ui/organisms/Dropzone.jsx

@@ -134,7 +134,7 @@ class Dropzone extends Component {
    * Sets up dropzone.js with the component.
    */
   componentDidMount() {
-    injects = lazyInject(injects, InjectStyles);
+    injects = lazyInject(InjectStyles, injects);
     import("../../src/dropzone").then((dropzone) => {
       dropzone = getDefault(dropzone);
       dropzone.autoDiscover = false;