# Failure Setting up Remote for different app to run content for an external app

**URL:** <https://talk.openmrs.org/t/failure-setting-up-remote-for-different-app-to-run-content-for-an-external-app/38560>\
**Category:** Uncategorized\
**Created:** [February 10, 2023, 4:18pm UTC](https://talk.openmrs.org/t/failure-setting-up-remote-for-different-app-to-run-content-for-an-external-app/38560 "2023-02-10T16:18:32Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![josephkagimu1](https://talk.openmrs.org/user_avatar/talk.openmrs.org/josephkagimu1/32/22262_2.png) [@josephkagimu1](https://talk.openmrs.org/u/josephkagimu1)\
**Post date:** [February 10, 2023, 4:18pm UTC](https://talk.openmrs.org/t/failure-setting-up-remote-for-different-app-to-run-content-for-an-external-app/38560/1 "2023-02-10T16:18:32Z")

</div>

Hello teammates, am experiencing a certain error that needs to be fixed within micro-frontend setup : **Here is the Error I face** : [Error Problem](https://pastebin.com/r0FV9Zpg) .

**I tried setting up the remote as shown below** :  
 ![remte](https://talk.openmrs.org/uploads/default/original/3X/c/3/c30378f5d9f30780e92908312fff270bbf8e0227.png)

**I also made App.jsx were the Error seems to originate from as below**![app](https://talk.openmrs.org/uploads/default/original/3X/5/2/527fecc0ed9e91ab53e882bb106258644ffba0f9.png)

cc: @dkayiwa@kdaud@jwnasambu[@EveryOne](https://talk.openmrs.org/groups/everyone) Thanks

---

<div class="post-metadata">

**Author:** ![ibacher](https://talk.openmrs.org/user_avatar/talk.openmrs.org/ibacher/32/19751_2.png) [@ibacher](https://talk.openmrs.org/u/ibacher)\
**Post date:** [February 10, 2023, 5:25pm UTC](https://talk.openmrs.org/t/failure-setting-up-remote-for-different-app-to-run-content-for-an-external-app/38560/2 "2023-02-10T17:25:23Z")

</div>

You need to have Webpack setup to use a compiler that understands how to transform JSX; hence, the error you’re getting: `"Support for the experimental syntax 'jsx' isn't currently enabled"`. In the error message, there’s a suggestion for how you can do so using Babel.

---

<div class="post-metadata">

**Author:** ![josephkagimu1](https://talk.openmrs.org/user_avatar/talk.openmrs.org/josephkagimu1/32/22262_2.png) [@josephkagimu1](https://talk.openmrs.org/u/josephkagimu1)\
**Post date:** [February 10, 2023, 10:06pm UTC](https://talk.openmrs.org/t/failure-setting-up-remote-for-different-app-to-run-content-for-an-external-app/38560/3 "2023-02-10T22:06:44Z")

</div>

Great idea brother @ibacher , how can I set it up with Babel to get work done

---

<div class="post-metadata">

**Author:** ![thembo42](https://talk.openmrs.org/user_avatar/talk.openmrs.org/thembo42/32/21346_2.png) [@thembo42](https://talk.openmrs.org/u/thembo42)\
**Post date:** [February 11, 2023, 9:24pm UTC](https://talk.openmrs.org/t/failure-setting-up-remote-for-different-app-to-run-content-for-an-external-app/38560/4 "2023-02-11T21:24:20Z")

</div>

as @ibacher said, your error points out a solution; you need to add the `@babel/preset-react` preset to your Babel configuration.

To do this, you will need to install it using npm or yarn:

npm install @babel/preset-react

or

yarn add @babel/preset-react

Then, in your Babel configuration file, you need to add `@babel/preset-react` to the list of presets:

{

“presets”: [“@babel/preset-react”]

}

try re-running your build and see if the error has been resolved.

@dennis @vasharma05 @jnsereko

---

<div class="post-metadata">

**Author:** ![josephkagimu1](https://talk.openmrs.org/user_avatar/talk.openmrs.org/josephkagimu1/32/22262_2.png) [@josephkagimu1](https://talk.openmrs.org/u/josephkagimu1)\
**Post date:** [February 13, 2023, 12:33pm UTC](https://talk.openmrs.org/t/failure-setting-up-remote-for-different-app-to-run-content-for-an-external-app/38560/5 "2023-02-13T12:33:46Z")

</div>

I really appreciate your great explanation @thembo42 am working at it right now , am to notify for any need of assistance thanks in advance .

---

<div class="post-metadata">

**Author:** ![josephkagimu1](https://talk.openmrs.org/user_avatar/talk.openmrs.org/josephkagimu1/32/22262_2.png) [@josephkagimu1](https://talk.openmrs.org/u/josephkagimu1)\
**Post date:** [February 14, 2023, 8:22pm UTC](https://talk.openmrs.org/t/failure-setting-up-remote-for-different-app-to-run-content-for-an-external-app/38560/6 "2023-02-14T20:22:33Z")

</div>

Am 😀 happy to say that every thing works now I also created a **babel.config.js** file then placed in this content :

```auto
module.exports = {
    presets:[
        "@babel/preset-env",
        "@babel/preset-react"
    ]
}

```

appreciate for your support @thembo42@ibacher