diff --git a/src/transpiling/jsx_precompile.rs b/src/transpiling/jsx_precompile.rs
index 1a98f2f..b8b1974 100644
--- a/src/transpiling/jsx_precompile.rs
+++ b/src/transpiling/jsx_precompile.rs
@@ -774,6 +774,7 @@ impl JsxPrecompile {
///
/// Case:
/// Case:
+ /// Case:
fn serialize_jsx_to_call_expr(&mut self, el: &JSXElement) -> CallExpr {
let mut is_component = false;
let name_expr = match &el.opening.name {
@@ -792,6 +793,9 @@ impl JsxPrecompile {
}
// Case:
JSXElementName::JSXMemberExpr(jsx_member_expr) => {
+ // Expressions are always treated as component since we can't
+ // reliably detect if the variable holds a component or a string.
+ is_component = true;
Expr::Member(jsx_member_expr_to_normal(jsx_member_expr))
}
JSXElementName::JSXNamespacedName(namespace_name) => {
@@ -2486,6 +2490,27 @@ const a = _jsx(a.b.c.d, {
);
}
+ #[test]
+ fn component_prop_casing_test() {
+ test_transform(
+ JsxPrecompile::default(),
+ r#"const a = ;"#,
+ r#"import { jsx as _jsx } from "react/jsx-runtime";
+const a = _jsx(Foo, {
+ someCasing: 2
+});"#,
+ );
+
+ test_transform(
+ JsxPrecompile::default(),
+ r#"const a = ;"#,
+ r#"import { jsx as _jsx } from "react/jsx-runtime";
+const a = _jsx(MyIsland.Foo, {
+ someCasing: 2
+});"#,
+ );
+ }
+
#[test]
fn import_source_option_test() {
test_transform(