fix babel issue and set React as a deps

Author: dev-javascript

src/ctx.js

@@ -1,15 +1,15 @@
 class Ctx {
-  constructor(Babel, React) {
+  constructor(React, Babel) {
     this._temp = '';
     this._parentTemp = `"use strict";\nreturn @temp;`;
     this._com = null;
     window.React = window.React || React;
-    if (!Babel && !window.Babel) {
+    if (!Babel) {
       throw new Error(
         `Package "string-to-react-component" has a missing peer dependency of "@babel/standalone" ( requires "^7.23.10" )`,
       );
     }
-    this._b = Babel || window.Babel;
+    this._getBabel = () => Babel;
   }
   _checkBabelOptions(babelOptions) {
     if (Object.prototype.toString.call(babelOptions) !== '[object Object]') {
@@ -30,7 +30,7 @@ class Ctx {
   _transpile(babelOptions) {
     // make sure react presets is registered in babelOptions
     this._checkBabelOptions(babelOptions);
-    const resultObj = this._b.transform(this._temp, babelOptions);
+    const resultObj = this._getBabel().transform(this._temp, babelOptions);
     const filename = babelOptions.filename;
     let code = resultObj.code;
     if (filename) {

src/index.js

@@ -1,5 +1,6 @@
+import React from 'react';
 import Ctx from './ctx.js';
-import babel from '@babel/standalone';
+import * as Babel from '@babel/standalone';
 import StringToReact from './strintToReact.js';
-const getCtx = (options) => new Ctx(babel, options);
-export default StringToReact.bind(null, {getCtx: getCtx});
+const getCtx = (React, Babel) => new Ctx(React, Babel);
+export default StringToReact.bind(null, {getCtx: getCtx, Babel: Babel, react: React});

src/strintToReact.js

@@ -1,9 +1,9 @@
 import React, {useRef} from 'react';
 import PropTypes from 'prop-types';
 function StringToReactComponent(deps, props) {
-  const {getCtx} = deps;
+  const {getCtx, Babel, react} = deps;
   const ref = useRef(null);
-  ref.current = ref.current || getCtx(React);
+  ref.current = ref.current || getCtx(react, Babel);
   const babelOptions = props.babelOptions || {};
   const GeneratedComponent = ref.current.updateTemplate(props.children, babelOptions).getComponent();
   const data = props.data || {};

yarn.lock

@@ -5998,12 +5998,14 @@ randomfill@^1.0.3:
     randombytes "^2.0.5"
     safe-buffer "^5.1.0"
 
-"react-dom@file:D:/projects/romak/FRONT_FRAMEWORK/node_modules/react-dom":
-  version "18.2.0"
-  resolved "file:D:/projects/romak/FRONT_FRAMEWORK/node_modules/react-dom"
+"react-dom@file:../react-dyn-tabs-example/node_modules/react-dom":
+  version "16.9.0"
+  resolved "file:../react-dyn-tabs-example/node_modules/react-dom"
   dependencies:
     loose-envify "^1.1.0"
-    scheduler "^0.23.0"
+    object-assign "^4.1.1"
+    prop-types "^15.6.2"
+    scheduler "^0.15.0"
 
 react-is@^16.13.1, react-is@^16.8.4, react-is@^16.9.0:
   version "16.13.1"
@@ -6025,11 +6027,13 @@ react-test-renderer@16.9.0:
     react-is "^16.9.0"
     scheduler "^0.15.0"
 
-react@^16.0.0, "react@file:D:/projects/romak/FRONT_FRAMEWORK/node_modules/react":
-  version "18.2.0"
-  resolved "file:D:/projects/romak/FRONT_FRAMEWORK/node_modules/react"
+react@^16.0.0, "react@file:../react-dyn-tabs-example/node_modules/react":
+  version "16.9.0"
+  resolved "file:../react-dyn-tabs-example/node_modules/react"
   dependencies:
     loose-envify "^1.1.0"
+    object-assign "^4.1.1"
+    prop-types "^15.6.2"
 
 read-pkg-up@^7.0.1:
   version "7.0.1"