styled jsx for Inferno in typescript

Question

How can I write definitions for Inferno.js

import 'react';

declare module 'react' {
  interface StyleHTMLAttributes<T> extends React.HTMLAttributes<T> {
    jsx?: boolean;
    global?: boolean;
  }
}

because

export const Footer = props =>
  <footer>
    <style jsx>{`{
      color: green;
    }`}</style>

  </footer>

causes an error.

[ts] Property 'jsx' does not exist on type 'DetailedHTMLProps, HTMLStyleElement>'.

Answer 1

You can fix this by installing

npm i --save-dev @types/styled-jsx

It was tracked under this issue: https://github.com/zeit/styled-jsx/issues/90