# @prismicio/react import error

**URL:** <https://community.prismic.io/t/prismicio-react-import-error/8772>\
**Category:** Developing with Prismic\
**Tags:** reactjs\
**Created:** [January 24, 2022, 1:37pm UTC](https://community.prismic.io/t/prismicio-react-import-error/8772 "2022-01-24T13:37:41Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![neilshahlimited](https://avatars.discourse-cdn.com/v4/letter/n/c57346/32.png) [@neilshahlimited](https://community.prismic.io/u/neilshahlimited)\
**Post date:** [January 24, 2022, 1:37pm UTC](https://community.prismic.io/t/prismicio-react-import-error/8772/1 "2022-01-24T13:37:41Z")

</div>

Hi guys,

I'm trying to integrate my Prismic CMS into a react project.

So far i have done 2 things

1. npm install @prismicio/react @prismicio/client @prismicio/helpers
2. import { PrismicProvider } from '@prismicio/react'

Now my project has an error:

./node\_modules/@prismicio/react/dist/index.mjs  
Attempted import error: 'Element' is not exported from '@prismicio/richtext'.

Is there a way i can get around this issue?

Thanks  
Neil

---

<div class="post-metadata">

**Author:** ![Priyanka](https://dub1.discourse-cdn.com/flex013/user_avatar/community.prismic.io/priyanka/32/3223_2.png) [@Priyanka](https://community.prismic.io/u/Priyanka)\
**Post date:** [January 24, 2022, 2:52pm UTC](https://community.prismic.io/t/prismicio-react-import-error/8772/3 "2022-01-24T14:52:03Z")

</div>

Hello @neilshahlimited

Welcome to the Prismic community, and thanks for reaching out to us.

I need more information to resolve this issue:

1. paste your package.json file.
2. relevant code snippets or your project file.

Thanks,  
Priyanka

---

<div class="post-metadata">

**Author:** ![neilshahlimited](https://avatars.discourse-cdn.com/v4/letter/n/c57346/32.png) [@neilshahlimited](https://community.prismic.io/u/neilshahlimited)\
**Post date:** [January 24, 2022, 3:01pm UTC](https://community.prismic.io/t/prismicio-react-import-error/8772/4 "2022-01-24T15:01:11Z")

</div>

Hi Priyanka,

No worries, let me try and get these 2 out to you.  
If there is anything else you need, please let me know.

Thanks  
Neil

///////////////////// index.js /////////////////////////////  
import React from 'react'  
import ReactDOM from 'react-dom'  
import { BrowserRouter } from 'react-router-dom'  
import './index.scss'  
import App from './App'  
import { PrismicProvider } from '@prismicio/react'

ReactDOM.render(  
\<React.StrictMode\>  
  
  
  
\</React.StrictMode\>,  
document.getElementById('root')  
)

////////////////////// package.json //////////////////////////  
{  
"name": "minima-website",  
"version": "0.1.0",  
"private": true,  
"dependencies": {  
"@prismicio/client": "^6.1.0",  
"@prismicio/helpers": "^2.0.0",  
"@prismicio/react": "^2.0.3",  
"@testing-library/jest-dom": "^5.15.0",  
"@testing-library/react": "^11.2.7",  
"@testing-library/user-event": "^12.8.3",  
"animejs": "^3.2.1",  
"react": "^17.0.2",  
"react-dom": "^17.0.2",  
"react-router-dom": "^6.0.2",  
"react-scripts": "4.0.3",  
"sass": "^1.49.0"  
},  
"scripts": {  
"start": "react-scripts start",  
"build": "react-scripts build",  
"test": "react-scripts test",  
"eject": "react-scripts eject"  
},  
"eslintConfig": {  
"extends": [  
"react-app",  
"react-app/jest"  
]  
},  
"browserslist": {  
"production": [  
"\>0.2%",  
"not dead",  
"not op\_mini all"  
],  
"development": [  
"last 1 chrome version",  
"last 1 firefox version",  
"last 1 safari version"  
]  
},  
"prettier": {  
"trailingComma": "es5",  
"tabWidth": 4,  
"semi": false,  
"singleQuote": true,  
"printWidth": 160  
},  
"devDependencies": {  
"express": "^4.17.1"  
}  
}

---

<div class="post-metadata">

**Author:** ![neilshahlimited](https://avatars.discourse-cdn.com/v4/letter/n/c57346/32.png) [@neilshahlimited](https://community.prismic.io/u/neilshahlimited)\
**Post date:** [January 24, 2022, 3:47pm UTC](https://community.prismic.io/t/prismicio-react-import-error/8772/5 "2022-01-24T15:47:39Z")

</div>

> [@neilshahlimited](#):
>
> import { PrismicProvider } from '@prismicio/react'

Hi Priyanka,

I've updated some dependencies in package.json and now it is working. You can close this ticket.

It may be there is a dependency on react-scripts 5.0

Thanks  
Neil

"dependencies": {  
"@prismicio/client": "^6.1.0",  
"@prismicio/helpers": "^2.0.0",  
"@prismicio/react": "^2.0.3",  
"@testing-library/jest-dom": "^5.16.1",  
"@testing-library/react": "^12.1.2",  
"@testing-library/user-event": "^13.5.0",  
"react": "^17.0.2",  
"react-dom": "^17.0.2",  
"react-scripts": "5.0.0",  
"react-router-dom": "^6.0.2",  
"animejs": "^3.2.1",  
"sass": "^1.49.0"  
}

---

<div class="post-metadata">

**Author:** ![Priyanka](https://dub1.discourse-cdn.com/flex013/user_avatar/community.prismic.io/priyanka/32/3223_2.png) [@Priyanka](https://community.prismic.io/u/Priyanka)\
**Post date:** [January 25, 2022, 9:03am UTC](https://community.prismic.io/t/prismicio-react-import-error/8772/6 "2022-01-25T09:03:21Z")

</div>

Hello, @neilshahlimited

I am glad that you figured it out. Feel free to reach out to us if you have any questions.

Thanks,  
Priyanka