Error triying to use emotion on a Gatsby project.

Current behavior:

When I try to run gatsby develop it give me this error

WebpackError: The @emotion/core package has been renamed to @emotion/react. Please import it like this import { jsx } from @emotion/react

But I have installed the emotion/core and the emotion/react my imports on the components are:

import React from 'react';
import { Link } from 'gatsby';
import Navegacion from './navegacion';
import { jsx, css } from '@emotion/react';

To reproduce:

https://codesandbox.io/s/emotion-issue-template-forked-7su4k?file=/src/navegacion.js

1. run gatsby new project-name
2. npm i @emotion/styled @emotion/react gatsby-plugin-emotion
3. try to create a styled component

Expected behavior:

Expected behavior? I hope it works as it should, how it worked in older versions.

Environment information:

"dependencies": {
    "@emotion/core": "^11.0.0",
    "@emotion/react": "^11.1.1",
    "@emotion/styled": "^11.0.0",
    "gatsby": "^2.26.1",
    "gatsby-image": "^2.5.0",
    "gatsby-plugin-emotion": "^4.5.0",
    "gatsby-plugin-manifest": "^2.6.1",
    "gatsby-plugin-offline": "^3.4.0",
    "gatsby-plugin-react-helmet": "^3.4.0",
    "gatsby-plugin-sharp": "^2.8.0",
    "gatsby-source-filesystem": "^2.5.0",
    "gatsby-transformer-sharp": "^2.6.0",
    "prop-types": "^15.7.2",
    "react": "^16.12.0",
    "react-dom": "^16.12.0",
    "react-helmet": "^6.1.0"

[Cretezy]

After moving to gatsby-plugin-emotion@5.1.0-next.0 and using @emotion/react@11.1.1, I’m getting the following:

TypeError: can't access property "type", parent is null

node_modules/@emotion/cache/dist/emotion-cache.browser.esm.js:69

[gabrandalisse]

My problem was solved on the update of the gatsby plugin, thanks!