styled-import.md

Pattern: Missing styled import from @emotion/styled

Issue: -

Description

This rule reports an error if styled is imported from react-emotion which is not where styled should be imported from in emotion 10 and above. This rule can usually be auto-fixed so you should not usually have to do anything yourself.

Example of incorrect code for this rule:

import styled from 'react-emotion'

Example of correct code for this rule:

import styled from '@emotion/styled'

Further Reading

• GitHub - styled-import