Support for create-react-app?

[MakiBM]

So I have a fresh app boostrapped with create react app. Added emotion to the project and trying to use it. Below is the error message I get. Any help on that one?

• emotion version: 6.0.3
• react version: 15.6.1

Relevant code.

import React from 'react'
import styled from 'emotion/react'

const Header = styled.div`
  display: flex;
  width: 100%;
`

Error message

TypeError: __WEBPACK_IMPORTED_MODULE_1_emotion_react___default.a.div is not a function
Object../src/components/Header.js
src/components/Header.js:4
  1 | import React from 'react'
  2 | import styled from 'emotion/react'
  3 | 
> 4 | const HeaderClass = styled.div`
  5 |   display: flex;
  6 |   width: 100%;
  7 | `

[emmatown]

The most likely reason why you're getting that error is you don't have the babel plugin. Currently we recommend using react-app-rewired if you're using create-react-app, you can look at an example of this here.

In the future if create-react-app adds babel-macros it'll be as simple as importing emotion/react/macro.

[tkh44]

There is actually a preset for emotion here. https://github.com/osdevisnot/react-app-rewire-emotion

[MakiBM]

Thx guys for directions :)