fix: No overload matches this call (#209)

decentraland · Dec 31, 2024 · 00630ee · 00630ee
1 parent 34c660a
commit 00630ee
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 12 deletions.
diff --git a/src/components/AvatarFace/AvatarFace.styled.ts b/src/components/AvatarFace/AvatarFace.styled.ts
@@ -2,9 +2,9 @@ import styled from "@emotion/styled"
 import { Avatar as AvatarMui } from "@mui/material"
 import { AvatarFaceProps } from "./AvatarFace.types"
 
-const AvatarContainer = styled("div")((
-  props: Pick<AvatarFaceProps, "inline">
-) => {
+const AvatarContainer = styled("div", {
+  shouldForwardProp: (prop) => prop !== "inline",
+})<Pick<AvatarFaceProps, "inline">>((props) => {
   return {
     width: "inherit",
     height: "inherit",

diff --git a/src/components/Notifications/NotificationItemImage.styled.ts b/src/components/Notifications/NotificationItemImage.styled.ts
@@ -13,7 +13,9 @@ interface ImageContainerProps {
   backgroundColor?: string
 }
 
-const ImageContainer = styled("div")((props: ImageContainerProps) => {
+const ImageContainer = styled("div", {
+  shouldForwardProp: (prop) => prop !== "backgroundColor",
+})<ImageContainerProps>((props) => {
   const { backgroundColor } = props
   return {
     borderRadius: "100%",

diff --git a/src/components/Notifications/NotificationsFeed.styled.ts b/src/components/Notifications/NotificationsFeed.styled.ts
@@ -52,14 +52,12 @@ const LoadingContainer = styled("div")({
   alignItems: "center",
 })
 
-const NotificationFeedModal = styled(Modal)(() => {
-  return {
-    alignItems: "flex-end",
-    "& .MuiPaper-root.MuiPaper-elevation.MuiPaper-rounded": {
-      borderTopLeftRadius: "16px",
-      borderTopRightRadius: "16px",
-    },
-  }
+const NotificationFeedModal = styled(Modal)({
+  alignItems: "flex-end",
+  "& .MuiPaper-root.MuiPaper-elevation.MuiPaper-rounded": {
+    borderTopLeftRadius: "16px",
+    borderTopRightRadius: "16px",
+  },
 })
 
 const NotificationFeedModalContainer = styled(Box)({