Widget Helper stripping attributes?

With the help of this topic, I was able to create an SVG object using the h helper:

    let logo = h("svg", {
        "attributes": {
          "width": "22",
          "height": "24",
          "viewBox": "0 0 22 24",
          "fill": "none",
          "xmlns": "http://www.w3.org/2000/svg"
        }
      },
      h("path", {
        "attributes": {
          "d": "M11.5992 4.29387L15.4141 ... 0V4.29387Z",
          "fill": "#000000"
        }
      })
    );

However, I see that the viewBox(*) attribute is always rendered in all lower-case.

The SVG image is generated with all defined attributes (*), but it does not render on the page. What am I missing?

I realize this is provided by the virtual-dom package, but I couldn’t find the solution there.