Fix edge case of nested Translate component

tajo · Aug 9, 2023 · a415913 · a415913
1 parent 38c31ab
commit a415913
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 0 deletions.
diff --git a/fixtures/i18n-var-translate-component/code.js b/fixtures/i18n-var-translate-component/code.js
@@ -1,3 +1,5 @@
 import { Translate } from "fusion-plugin-i18n-react";
 
 const Foo = <Translate id="foo" />;
+
+const Bar = <Foo renderProp={() => <Translate id="bar" />} />
diff --git a/fixtures/i18n-var-translate-component/output.js b/fixtures/i18n-var-translate-component/output.js
@@ -1,8 +1,10 @@
 import _fusionPluginI18nChunkTranslationMap from "virtual:fusion-vite-i18n-map";
 import { Translate } from "fusion-plugin-i18n-react";
 const Foo = <Translate id="foo" />;
+const Bar = <Foo prop={()=><Translate id="bar"/>}/>;
 _fusionPluginI18nChunkTranslationMap.add("/path/to/file.js", [
   "vite-i18n-chunk"
 ], [
+  "bar",
   "foo"
 ]);
diff --git a/packages/fusion/transform/src/i18n/analyze_imports.rs b/packages/fusion/transform/src/i18n/analyze_imports.rs
@@ -127,6 +127,7 @@ impl Visit for Analyzer<'_> {
     }
 
     fn visit_jsx_opening_element(&mut self, opening_element: &JSXOpeningElement) {
+        opening_element.visit_children_with(self);
         match &opening_element.name {
             JSXElementName::Ident(ident) => {
                 if self