fix(material): pass the correct css reactive property

swordev · Feb 2, 2023 · 28f1bda · 28f1bda
1 parent 42f755e
commit 28f1bda
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/.changeset/tall-comics-prove.md b/.changeset/tall-comics-prove.md
@@ -0,0 +1,5 @@
+---
+"@suid/material": patch
+---
+
+Fix the `image` property in the `CardMedia` component
diff --git a/packages/material/src/CardMedia/CardMedia.tsx b/packages/material/src/CardMedia/CardMedia.tsx
@@ -83,7 +83,9 @@ const CardMedia = $.component(function CardMedia({
     !isMediaComponent() && props.image
       ? mergeProps(
           {
-            backgroundImage: `url("${props.image}")`,
+            get "background-image"() {
+              return `url("${props.image}")`;
+            },
           },
           typeof otherProps.style === "object" && otherProps.style
             ? otherProps.style