# React Starter Template
**URL:** https://forums.creativeclouddeveloper.com/t/react-starter-template/3144
**Category:** UXP Plugin API
**Tags:** react, typescript
**Created:** [June 22, 2021, 6:02am UTC](https://forums.creativeclouddeveloper.com/t/react-starter-template/3144 "2021-06-22T06:02:39Z")
**Posts on this page:** 4
**Page:** 1
### Author:  [@thejustinwalsh](https://forums.creativeclouddeveloper.com/u/thejustinwalsh)
#### Post date: [June 22, 2021, 6:02am UTC](https://forums.creativeclouddeveloper.com/t/react-starter-template/3144/1 "2021-06-22T06:02:39Z")
šDevs!
Iāve been hard at work creating a turn-key starter template for UXP plugins using React, and it is time to share!
> **[GitHub - thejustinwalsh/uxp-starter-react: Complete starter for writing UXP plugins using...](https://github.com/thejustinwalsh/uxp-starter-react)**
>
> Complete starter for writing UXP plugins using React and Typescript.
This starter uses React, Babel, ES-lint, Prettier, and Webpack, pre-configured for both dev and production environments.
The example components included here use Typescript, but if you arenāt too keen on fighting with satisfying types, Babel is ready to transpile JSX w/ all your favorite ES6+ sugar.
Clone the repo, `npm install`, answer a few quick questions to configure your manifest, then run `npm run watch` to start a dev environment ready for launching in the UXP Developer Tool.
Use `npm run build` to create a production bundle then package with UXP Developer Tool to distribute.
Additionally, VS Code settings are included as well with extension recommendations to get up and running quicker.
The starter leans on these packages, so if the above loadout and tooling choices arenāt your style, grab `react-uxp-spectrum` for the react components and `uxp-types` for the TypeScript types.
> **[react-uxp-spectrum](https://www.npmjs.com/package/react-uxp-spectrum)**
>
> Adobe UXP Spectrum Web Components for React. Latest version: 0.1.10, last published: 3 years ago. Start using react-uxp-spectrum in your project by running \`npm i react-uxp-spectrum\`. There are no other projects in the npm registry using...
> **[uxp-types](https://www.npmjs.com/package/uxp-types)**
>
> Typescript definitions for the Adobe UXP API. Latest version: 0.1.3, last published: a year ago. Start using uxp-types in your project by running \`npm i uxp-types\`. There are no other projects in the npm registry using uxp-types.
Iāve tried to exercise all of the components in this starter for good coverage and start the project off with just a big panel of components.
If you find this useful, please give me some āās on GitHub, open issues when you find them, and contribute back if you find any rough spots.
I am using this template as my starter for some ongoing client work and updating as I run across any updates or improvements.
šHappy coding and UXP Plugin Development!
---
### Author:  [@kaci65](https://forums.creativeclouddeveloper.com/u/kaci65)
#### Post date: [July 19, 2021, 2:06pm UTC](https://forums.creativeclouddeveloper.com/t/react-starter-template/3144/2 "2021-07-19T14:06:01Z")
Hi Justin,
Nice and useful work š
/Karoly
---
### Author:  [@mateszkom](https://forums.creativeclouddeveloper.com/u/mateszkom)
#### Post date: [November 2, 2021, 7:59am UTC](https://forums.creativeclouddeveloper.com/t/react-starter-template/3144/3 "2021-11-02T07:59:30Z")
Hi,
after changing api to version 2 I got this error
```auto
index.js:29818 The above error occurred in the component:
at sp-link
at Link (index.js:36400:67)
at sp-body
at Body
at Typography
at div
at App
Consider adding an error boundary to your tree to customize error handling behavior.
Visit https://reactjs.org/link/error-boundaries to learn more about error boundaries.
logCapturedError @ index.js:29818
index.js:33003 Uncaught r_message: "Plugin is not permitted to launch external applications. Valid manifest entry is required."_name: "Security Error"code:
(...)message:
(...)name:
(...)stack:
"Security Error: Plugin is not permitted to launch external applications. Valid manifest entry is required.\n at new (uxp://uxp-internal/platformjs_scripts.js:1:4114)\n at Object. (uxp://uxp-internal/platformjs_scripts.js:1:4040)\n at r (uxp://uxp-internal/platformjs_scripts.js:1:129)\n at e.exports. (uxp://uxp-internal/platformjs_scripts.js:1:3550)\n at Object. (uxp://uxp-internal/domjs_scripts.js:2:659391)\n at n (uxp://uxp-internal/domjs_scripts.js:2:129)\n at Object.ClassTypeFn (uxp://uxp-internal/domjs_scripts.js:2:655364)\n at s (uxp://uxp-internal/domjs_scripts.js:2:45565)\n at Object.getClassByElementName (uxp://uxp-internal/domjs_scripts.js:2:46034)\n at G (uxp://uxp-internal/domjs_scripts.js:2:112600)
```
anyone know how to fix that?
---
### Author:  [@Karmalakas](https://forums.creativeclouddeveloper.com/u/Karmalakas)
#### Post date: [March 22, 2022, 8:28am UTC](https://forums.creativeclouddeveloper.com/t/react-starter-template/3144/4 "2022-03-22T08:28:44Z")
Change `manifestVersion` back to `4` instead of `5`
I had same issue and I think that was the solution