# React App with 8thwall has been blocked by CORS policy

**URL:** <https://forum.8thwall.com/t/react-app-with-8thwall-has-been-blocked-by-cors-policy/1074>\
**Category:** Technical Support\
**Created:** [April 12, 2024, 9:07am UTC](https://forum.8thwall.com/t/react-app-with-8thwall-has-been-blocked-by-cors-policy/1074 "2024-04-12T09:07:55Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Nhan\_Trong](https://sea1.discourse-cdn.com/flex019/user_avatar/forum.8thwall.com/nhan_trong/32/507_2.png) [@Nhan\_Trong](https://forum.8thwall.com/u/Nhan_Trong)\
**Post date:** [April 12, 2024, 9:07am UTC](https://forum.8thwall.com/t/react-app-with-8thwall-has-been-blocked-by-cors-policy/1074/1 "2024-04-12T09:07:55Z")

</div>

Error:

> Access to script at ‘[https://unpkg.com/react/umd/react.production.min.js](https://unpkg.com/react/umd/react.production.min.js)’ from origin ‘[https://xxxxxxxxxxxxxxxxx.dev.8thwall.app](https://xxxxxxxxxxxxxxxxx.dev.8thwall.app)’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.

head.html using:

```auto
<meta name="8thwall:renderer" content="aframe:1.3.0">
<meta name="8thwall:package" content="@8thwall.xrextras">
<meta name="8thwall:package" content="@8thwall.landing-page">
<meta name="8thwall:package" content="@react.react">
<meta name="8thwall:package" content="@react.react-dom">
<meta name="8thwall:package" content="@react.react-router-dom">

```

please help me

---

<div class="post-metadata">

**Author:** ![Nhan\_Trong](https://sea1.discourse-cdn.com/flex019/user_avatar/forum.8thwall.com/nhan_trong/32/507_2.png) [@Nhan\_Trong](https://forum.8thwall.com/u/Nhan_Trong)\
**Post date:** [April 12, 2024, 9:23am UTC](https://forum.8thwall.com/t/react-app-with-8thwall-has-been-blocked-by-cors-policy/1074/2 "2024-04-12T09:23:23Z")

</div>

> **[React App | 8th Wall | 8th Wall](https://www.8thwall.com/8thwall/react-app/code/)**
>
> Advanced examples for React-based web apps with client side routing, Material UI, multiple rendering frameworks, and image targets.

no longer works

Please help me fix react app

---

<div class="post-metadata">

**Author:** ![Nhan\_Trong](https://sea1.discourse-cdn.com/flex019/user_avatar/forum.8thwall.com/nhan_trong/32/507_2.png) [@Nhan\_Trong](https://forum.8thwall.com/u/Nhan_Trong)\
**Post date:** [April 12, 2024, 9:57am UTC](https://forum.8thwall.com/t/react-app-with-8thwall-has-been-blocked-by-cors-policy/1074/3 "2024-04-12T09:57:30Z")

</div>

This problem is caused by  
`https://unpkg.com/react/umd/react.production.min.js`  
is dead and cannot be accessed.

My temporary solution is to use another CDN :

- comment out

```auto
<!-- <meta name="8thwall:package" content="@react.react"> -->

<!-- <meta name="8thwall:package" content="@react.react-dom"> -->

<!-- <meta name="8thwall:package" content="@react.react-router-dom"> -->

```

- Add new CDN

```auto
<script src="//cdn.jsdelivr.net/npm/react@latest/umd/react.production.min.js"></script>

<script src="//cdn.jsdelivr.net/npm/react-dom@latest/umd/react-dom.production.min.js"></script>

<script src="//cdn.jsdelivr.net/npm/react-router-dom@latest/umd/react-router-dom.min.js"></script>

```
