create strintToReact.js file

Author: dev-javascript

src/index.js

@@ -1,13 +1,4 @@
-import React, {useRef} from 'react';
 import Ctx from './ctx.js';
-window.React = window.React || React;
-function StringToReactComponent(props) {
-  const ref = useRef(null),
-    template = props.children;
-  if (!ref.current) {
-    ref.current = new Ctx();
-  }
-  const GeneratedComponent = ref.current.updateTemplate(template).getComponent();
-  return <GeneratedComponent {...props} />;
-}
-export default StringToReactComponent;
+import StringToReact from './strintToReact.js';
+const getCtx = () => new Ctx();
+export default StringToReact.bind(null, {getCtx});

src/strintToReact.js

@@ -0,0 +1,12 @@
+import React, {useRef} from 'react';
+window.React = window.React || React;
+function StringToReactComponent({getCtx}, props) {
+  const ref = useRef(null),
+    template = props.children;
+  if (!ref.current) {
+    ref.current = getCtx();
+  }
+  const GeneratedComponent = ref.current.updateTemplate(template).getComponent();
+  return <GeneratedComponent {...props} />;
+}
+export default StringToReactComponent;