title: Types of property 'WebkitBoxOrient' are incompatible
body: <p>What is wrong with this?</p>
  <pre><code>if (isClampSupported) {
    const clampStyling = {
      display: '-webkit-box',
      WebkitLineClamp: lines,
      WebkitBoxOrient: 'vertical',
      overflow: 'hidden',
      textOverflow: 'ellipsis',
    };
    return (
      &lt;div style={clampStyling}&gt;{children}&lt;/div&gt;
    )
  }
  </code></pre>
  <p>The <code>style=</code> is red-squiggly, showing:</p>
  <blockquote>
  <p>Type '{ display: string; WebkitLineClamp: number | undefined; WebkitBoxOrient: string; overflow: string; textOverflow: string; }' is not assignable to type 'Properties&lt;string | number, string &amp; {}&gt;'.
  Types of property 'WebkitBoxOrient' are incompatible.
  Type 'string' is not assignable to type 'BoxOrient | undefined'.ts(2322)
  index.d.ts(1841, 9): The expected type comes from property 'style' which is declared here on type 'DetailedHTMLProps&lt;HTMLAttributes, HTMLDivElement&gt;'
  (JSX attribute) HTMLAttributes.style?: React.CSSProperties | undefined</p>
  </blockquote>
  <p>How to fix?</p>
  <p><a href="https://i.stack.imgur.com/4arjk.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/4arjk.png" alt="enter image description here" /></a></p>
  <p>If I change it to a lowercase <code>webkitBoxOrient</code>, it logs a warning in the console saying:</p>
  <blockquote>
  <p>Warning: Unsupported vendor-prefixed style property webkitBoxOrient. Did you mean WebkitBoxOrient?</p>
  </blockquote>