fix formatting null values adds prefix and suffix (#47435)

frontend/src/metabase/lib/formatting/value.tsx

@@ -80,7 +80,7 @@ export function formatValue(value: unknown, _options: OptionsType = {}) {
       return formatted;
     }
   }
-  if (prefix || suffix) {
+  if ((prefix || suffix) && formatted != null) {
     if (options.jsx && typeof formatted !== "string") {
       return (
         <span>

frontend/src/metabase/lib/formatting/value.unit.spec.tsx

@@ -53,6 +53,16 @@ describe("link", () => {
     expect(screen.getByText("23.12")).toBeInTheDocument();
   });
 
+  it("should not apply prefix or suffix to null values", () => {
+    setup(null, {
+      prefix: "foo ",
+      suffix: " bar",
+    });
+
+    const anyContent = screen.queryByText(/./);
+    expect(anyContent).not.toBeInTheDocument();
+  });
+
   it("should trim values to specified decimals", () => {
     setup(23.123459, {
       decimals: 5,