[@emotion/babel-preset-css-prop] Component with jsx <></> only, @emotion/core not be imported.

[morlay]

• emotion version: 10.0.5
• react version: 16.7

Relevant code:

import * as React from 'react'

export const Demo = (props) => {
    return (
        <>
        </>
    )
}

What you did:

Component with jsx <></> only, @emotion/core not be imported.

What happened:

import { jsx as ___EmotionJSX } from "@emotion/core"

is not added in file.

Reproduction:

Problem description:

Suggested solution:

[Andarist]

This is a bug in https://github.com/jmm/babel-plugin-jsx-pragmatic - could u report it over there to see if they can handle it?

[morlay]

Hi @Andarist
I could't connect jmm to fix this issue for a long time.
Should we fork that plugin to emotion repo? (publish as @emotion/babel-plugin-jsx-pragmatic)

[Andarist]

Seems like forking is a way to go now. Would you like to prepare a PR for this?

[morlay]

@Andarist I could't run test locally.
should i do something before testing ? to resolve babel-preset-emotion-dev

[Andarist]

hm, not sure - how does it fail for you?

[morlay]

git clone ..
npm install
npx lerna bootstrap
npm test

then got

[tkh44]

Try using yarn for best results. I think the issue you are seeing is the packages not being built yet, maybe.
https://github.com/emotion-js/emotion/blob/master/CONTRIBUTING.md#building

[morlay]

@tkh44 Thanks.
But i failed for installing puppeteer, may be blocked by the GFW of china.

I will try some use machine outsides china later.