no message

src/components/DoSearch/ReplenishmentFilterField.tsx

@@ -222,10 +222,7 @@ export function ReplenishmentTextField(props: ReplenishmentTextFieldProps) {
       size="small"
       fullWidth
       variant="filled"
-      sx={(theme) => ({
-        ...REPLENISHMENT_TEXTFIELD_SX(theme),
-        ...(typeof sx === "function" ? sx(theme) : sx),
-      })}
+      sx={[REPLENISHMENT_TEXTFIELD_SX, sx] as SxProps<Theme>}
       InputProps={{ disableUnderline: true, ...InputProps }}
       {...rest}
     />
@@ -269,14 +266,18 @@ export function ReplenishmentItemEntryPlainText({
   return (
     <Box
       component="span"
-      sx={(theme) => ({
-        display: "block",
-        color: theme.palette.text.primary,
-        wordBreak: "break-word",
-        minWidth: 0,
-        minHeight: reserveSpace ? theme.spacing(5) : undefined,
-        ...(typeof sx === "function" ? sx(theme) : sx),
-      })}
+      sx={
+        [
+          (theme) => ({
+            display: "block",
+            color: theme.palette.text.primary,
+            wordBreak: "break-word",
+            minWidth: 0,
+            minHeight: reserveSpace ? theme.spacing(5) : undefined,
+          }),
+          sx,
+        ] as SxProps<Theme>
+      }
     >
       {isEmpty ? "\u00A0" : value}
     </Box>