fix updating babel options issue

Author: dev-javascript

src/ctx.tsx

@@ -41,15 +41,10 @@ class Ctx implements IStringToReactApi {
       }
     }
   }
-  getModule(code: string): Promise<any> {
+  getModule(code: string, babelOptions: TransformOptions): Promise<any> {
+    this._checkBabelOptions(babelOptions);
     code = `import React from "react";\nexport default ${code}`;
-    const op: TransformOptions = {
-      presets: ['react', ['env', {modules: false}]],
-      filename: 'counter.js',
-      sourceMaps: 'inline',
-      sourceType: 'module',
-    };
-    const resultObj = this._getBabel().transform(code, op);
+    const resultObj = this._getBabel().transform(code, babelOptions);
     // 1. Define your module code as a string
     code = resultObj.code || '';
     code = code

src/strintToReact.tsx

@@ -8,24 +8,26 @@ function StringToReactComponent(
   let ref = useRef<any>(null);
   ref.current = ref.current || getCtx(react, Babel);
   const api = ref.current as IStringToReactApi;
-  //const babelOptions = props.babelOptions || {};
-  //const GeneratedComponent = api.updateTemplate(props.children || '', babelOptions).getComponent();
+  const babelOptions = props.babelOptions || {};
+  const stringCode = props.children || '() => null';
   const data = props.data || {};
+  //const GeneratedComponent = api.updateTemplate(props.children || '', babelOptions).getComponent();
+
   //
   const ModuleComponent = useCallback(
     (data: any) => {
-      const ref = useRef<{Com: FC<any>}>({Com: (props) => <p>hhhhhhhhhhhhhhhhhh</p>});
+      const ref = useRef<{Com: FC<any>}>({Com: () => <p>Loading...</p>});
       const [, rerender] = useState<object>({});
       useEffect(() => {
-        api.getModule(props.children).then((Mod: FC) => {
+        api.getModule(stringCode, babelOptions).then((Mod: FC) => {
           ref.current.Com = Mod;
           rerender({});
         });
       }, []);
       const Com = ref.current.Com;
       return <Com {...data} />;
     },
-    [props.children],
+    [stringCode, babelOptions],
   );
   return <ModuleComponent {...data} />;
 }