# Can't get React spa-sdk demo to work

**URL:** <https://community.bloomreach.com/t/cant-get-react-spa-sdk-demo-to-work/3652>\
**Category:** Experience Manager (PaaS/OnPrem)\
**Created:** [February 9, 2023, 11:03am UTC](https://community.bloomreach.com/t/cant-get-react-spa-sdk-demo-to-work/3652 "2023-02-09T11:03:40Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![erictheun](https://avatars.discourse-cdn.com/v4/letter/e/ad7895/32.png) [@erictheun](https://community.bloomreach.com/u/erictheun)\
**Post date:** [February 9, 2023, 11:03am UTC](https://community.bloomreach.com/t/cant-get-react-spa-sdk-demo-to-work/3652/1 "2023-02-09T11:03:40Z")

</div>

I can’t get the React spa-sdk demo to work with a hippo 15.1.4 archetype

I’m trying to run the React [spa-sdk/examples at main · bloomreach/spa-sdk · GitHub](https://github.com/bloomreach/spa-sdk/tree/main/examples) demo. I was not able to run it with Node 18.x  
I could build and run it with Node 16.x

Here are my steps to reproduce the error.

- Built the 15.1.4 archetype
- Installed all Essentials features “All Bloomreach Experience features”
- Configured the SPA site mount ([Configure Delivery API - Bloomreach Experience Manager (PaaS/Self-Hosted) - The Fast and Flexible Headless CMS](https://xmdocumentation.bloomreach.com/library/concepts/page-model-api/configuration.html))
- Configured CORS responseheaders on the virtualhost
- Did not configure a previewUrl yet

I can successfully consume the CMS Delivery API by approaching it directly.  
However, I cannot get the running instance of the demo-spa to consume the Delivery API, it results in a blank screen (see attached screenshot) and contains errors (…) Uncaught Error: Cannot find module ‘@bloomreach/react-sdk’).

 ![Screenshot 2023-02-09 at 11.29.59](https://canada1.discourse-cdn.com/flex027/uploads/bloomreach1/original/2X/2/20d76f273b5fa733df23b8b05d0b4ea00e946f63.jpeg)

Do others have the same problem while using this demo project or am I missing a step?

Thanks in advance.

Greetings,  
Eric

---

<div class="post-metadata">

**Author:** ![jasper.floor](https://yyz1.discourse-cdn.com/flex027/user_avatar/community.bloomreach.com/jasper.floor/32/28_2.png) [@jasper.floor](https://community.bloomreach.com/u/jasper.floor)\
**Post date:** [February 9, 2023, 2:22pm UTC](https://community.bloomreach.com/t/cant-get-react-spa-sdk-demo-to-work/3652/2 "2023-02-09T14:22:34Z")

</div>

Hi,

Thanks for your report. A colleague seems to have reproduced this and we have reported this to our engineering department. I don’t have anything more of substance to tell you right now, but we are looking into it.

---

<div class="post-metadata">

**Author:** ![Joeri\_de\_Gooijer](https://yyz1.discourse-cdn.com/flex027/user_avatar/community.bloomreach.com/joeri_de_gooijer/32/914_2.png) [@Joeri\_de\_Gooijer](https://community.bloomreach.com/u/Joeri_de_Gooijer)\
**Post date:** [February 9, 2023, 6:29pm UTC](https://community.bloomreach.com/t/cant-get-react-spa-sdk-demo-to-work/3652/3 "2023-02-09T18:29:31Z")

</div>

Hi @erictheun,

The engines property in the package.json file in the root of the repository specifies that you need node 14 or 16 to run the repo. We simply have not tested it with node 18 yet.

I suggest to read the root README.md on how to work with the repository. For example you will need to run `npm ci` in the root and `npm run build` to build all the artifacts (or at least the react ones with `npx lerna run build --scope @bloomreach/example-react --include-dependencies --stream`) before you can start the example app.

I hope that helps.

Cheers,  
Joeri

---

<div class="post-metadata">

**Author:** ![erictheun](https://avatars.discourse-cdn.com/v4/letter/e/ad7895/32.png) [@erictheun](https://community.bloomreach.com/u/erictheun)\
**Post date:** [February 10, 2023, 9:36am UTC](https://community.bloomreach.com/t/cant-get-react-spa-sdk-demo-to-work/3652/4 "2023-02-10T09:36:56Z")

</div>

Hi @jasper.floor , @Joeri_de_Gooijer ,

Thanks for your replies.

I executed your instructions and succesfully built and am able to run the react spa-sdk example.

Some suggestions:

- add instruction in README.md to rename `.env.dist` file to `.env`
- I was a bit confused which brxm cms demo content this spa-sdk can consume. Turns out it consumes the essentials generated (blog,news, etc) content which is great.  
Maybe describe explicitly in the root README.md which Essentials plugins have to be installed?  
It is unclear to me and so it results in this:  
 ![Screenshot 2023-02-10 at 10.44.41](https://canada1.discourse-cdn.com/flex027/uploads/bloomreach1/original/2X/6/68ba89d4f34b887009f98f054c3cbb488d1a86a4.png)

Greetings,  
Eric

---

<div class="post-metadata">

**Author:** ![Joeri\_de\_Gooijer](https://yyz1.discourse-cdn.com/flex027/user_avatar/community.bloomreach.com/joeri_de_gooijer/32/914_2.png) [@Joeri\_de\_Gooijer](https://community.bloomreach.com/u/Joeri_de_Gooijer)\
**Post date:** [March 22, 2023, 5:39pm UTC](https://community.bloomreach.com/t/cant-get-react-spa-sdk-demo-to-work/3652/5 "2023-03-22T17:39:15Z")

</div>

Hi @erictheun,  
Thanks for the feedback, its always appreciated. We will definitely create a ticket mentioning to add your suggested changes and pick it up as soon as we are able to!

---

<div class="post-metadata">

**Author:** ![Ilakkia\_Baskar](https://yyz1.discourse-cdn.com/flex027/user_avatar/community.bloomreach.com/ilakkia_baskar/32/2044_2.png) [@Ilakkia\_Baskar](https://community.bloomreach.com/u/Ilakkia_Baskar)\
**Post date:** [March 11, 2025, 11:25am UTC](https://community.bloomreach.com/t/cant-get-react-spa-sdk-demo-to-work/3652/6 "2025-03-11T11:25:54Z")

</div>

Hello @erictheun ,

We are happy you are part of Bloomreach Developer’s Community.  
Thank you for reaching out to us.  
We hope we have answered your queries and therefore marking this thread for Closure.  
We are delighted to acknowledge your ongoing contributions to our esteemed Bloomreach Community.

Best Regards,  
Bloomreach
