Ensure jsx from @emotion/react is imported (jsx-import)

Rule Details

This rule ensures that jsx from @emotion/react is imported. This rule can usually be auto-fixed so you should not usually have to do anything yourself.

Examples of incorrect code for this rule.

let element = (
  <div
    css={{
      color: 'green'
    }}
  />
)

Examples of correct code for this rule.

/** @jsx jsx */
import { jsx } from '@emotion/react'

let element = (
  <div
    css={{
      color: 'green'
    }}
  />
)

When Not To Use It

If you are using a babel plugin or something like that to add imports and set the jsx pragma.