# Bloomreach reference spa Critical error

**URL:** <https://community.bloomreach.com/t/bloomreach-reference-spa-critical-error/4373>\
**Category:** Content SaaS\
**Tags:** academy-content-saas\
**Created:** [April 17, 2024, 1:52pm UTC](https://community.bloomreach.com/t/bloomreach-reference-spa-critical-error/4373 "2024-04-17T13:52:25Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![SrMarcius](https://avatars.discourse-cdn.com/v4/letter/s/ac8455/32.png) [@SrMarcius](https://community.bloomreach.com/u/SrMarcius)\
**Post date:** [April 17, 2024, 1:52pm UTC](https://community.bloomreach.com/t/bloomreach-reference-spa-critical-error/4373/1 "2024-04-17T13:52:25Z")

</div>

Hi,

I’ve started the “Content Developer Foundations - Content SaaS: On-demand - Partners” course on bloomreach academy, and i’ve followed all the steps in 1.6 Exercise 1.

After doing that exercise i proceeded and started doing 1.10 Exercise 2.

For some reason even after creating the channel and publishing the changes, the website still didn’t want to load.

I tried both http and https, and none of them worked, the exercice tells me to go to [https://localhost:3000/](https://localhost:3000/) and that il have to ignore the error, but my browser doens’t allow the error to be ignored, i tried 4 browsers (Chrome, Firefox, Microsoft Edge, Opera) and nothing works, i also tried to allow the link in the settings and neither that worked!

[https://localhost:3000](https://localhost:3000), doens’t allow me to ignore the error

 ![image](https://canada1.discourse-cdn.com/flex027/uploads/bloomreach1/original/2X/7/7ab0e3ac7615c3394b78301622aac63e78f49a72.png)

[http://localhost:3000](http://localhost:3000), is it not supposed to work? I really dont understand what i could’ve have done wrong…

 ![image](https://canada1.discourse-cdn.com/flex027/uploads/bloomreach1/original/2X/2/28bdc2cd6de3d9f7011909214c4a56821e13952e.png)

Am I supposed to use SSL certificate on localhost? i doens’t seem that’s the case here since the solution doens’t say anything about it.

Did anyone have this problem while doing this course? And is anyone able to help me?

Thank you in advance 🙂

---

<div class="post-metadata">

**Author:** ![Lef\_Karamoulas](https://yyz1.discourse-cdn.com/flex027/user_avatar/community.bloomreach.com/lef_karamoulas/32/82_2.png) [@Lef\_Karamoulas](https://community.bloomreach.com/u/Lef_Karamoulas)\
**Post date:** [April 17, 2024, 2:13pm UTC](https://community.bloomreach.com/t/bloomreach-reference-spa-critical-error/4373/2 "2024-04-17T14:13:31Z")

</div>

Hey @SrMarcius ,

the frontend app should be running and accessed on HTTP not HTTPS.  
We will verify the material but it should be [http://localhost:3000/](http://localhost:3000/)

The critical error visible on the second screenshot you have attached should be resolved after you have completed the 2nd exercise. If it is still present most likely the SPA isn’t configured correctly to communicate with the right Content SaaS instance so verify your .env file and the value for NEXT\_PUBLIC\_BRXM\_ENDPOINT

Kind regards

---

<div class="post-metadata">

**Author:** ![SrMarcius](https://avatars.discourse-cdn.com/v4/letter/s/ac8455/32.png) [@SrMarcius](https://community.bloomreach.com/u/SrMarcius)\
**Post date:** [April 17, 2024, 4:09pm UTC](https://community.bloomreach.com/t/bloomreach-reference-spa-critical-error/4373/3 "2024-04-17T16:09:14Z")

</div>

I completed the second exercise, and the value on the env is the same as the tutorial: [https://brx-content-trainingxx.bloomreach.io/delivery/site/v1/channels/brx-saas/pages](https://brx-content-trainingxx.bloomreach.io/delivery/site/v1/channels/brx-saas/pages), i changed the XX to the number of my training environment like the tutorial says, and I still have the error.

Any idea of what might be happening? Thanks 🙂

---

<div class="post-metadata">

**Author:** ![Lef\_Karamoulas](https://yyz1.discourse-cdn.com/flex027/user_avatar/community.bloomreach.com/lef_karamoulas/32/82_2.png) [@Lef\_Karamoulas](https://community.bloomreach.com/u/Lef_Karamoulas)\
**Post date:** [April 18, 2024, 3:46pm UTC](https://community.bloomreach.com/t/bloomreach-reference-spa-critical-error/4373/4 "2024-04-18T15:46:42Z")

</div>

Hey @SrMarcius ,

can you see any browser console errors or failing network calls when you access [http://localhost:3000](http://localhost:3000)?  
Also, can you verify manually that the Content SaaS delivery URL responds correctly?

Eg. try accessing from your browser [https://brx-content-trainingxx.bloomreach.io/delivery/site/v1/channels/brx-saas/pages](https://brx-content-trainingxx.bloomreach.io/delivery/site/v1/channels/brx-saas/pages) after replacing the XX with the appropriate number and see if you get the page delivery response and not " Whitelabel Error Page"

Kind regards

---

<div class="post-metadata">

**Author:** ![SrMarcius](https://avatars.discourse-cdn.com/v4/letter/s/ac8455/32.png) [@SrMarcius](https://community.bloomreach.com/u/SrMarcius)\
**Post date:** [April 19, 2024, 9:44am UTC](https://community.bloomreach.com/t/bloomreach-reference-spa-critical-error/4373/5 "2024-04-19T09:44:16Z")

</div>

Hi,

This is what i see in my console, i tried to use error boundaries to check what was going on but somehow they are not working.

![Screenshot 2024-04-19 095309](https://canada1.discourse-cdn.com/flex027/uploads/bloomreach1/original/2X/7/7559c0d6ac61381e1ed8a3afe958746847c8512a.png)

The Content SaaS delivery URL returns this:  
 ![image](https://canada1.discourse-cdn.com/flex027/uploads/bloomreach1/original/2X/5/56483f126fa527ac01d6a73944d31eb098843c46.png)

I suppose the problem is with the url?

Thank you

---

<div class="post-metadata">

**Author:** ![Lef\_Karamoulas](https://yyz1.discourse-cdn.com/flex027/user_avatar/community.bloomreach.com/lef_karamoulas/32/82_2.png) [@Lef\_Karamoulas](https://community.bloomreach.com/u/Lef_Karamoulas)\
**Post date:** [April 19, 2024, 9:56am UTC](https://community.bloomreach.com/t/bloomreach-reference-spa-critical-error/4373/6 "2024-04-19T09:56:26Z")

</div>

Hey @SrMarcius ,

yes the issue is clearly in the backend.

If you see this error it is most likely because your homepage document is unpublished.  
Can you verify if that is the case in the Content section of the CMS? Simply publishing it should resolve this.

Kind regards

---

<div class="post-metadata">

**Author:** ![SrMarcius](https://avatars.discourse-cdn.com/v4/letter/s/ac8455/32.png) [@SrMarcius](https://community.bloomreach.com/u/SrMarcius)\
**Post date:** [April 19, 2024, 10:12am UTC](https://community.bloomreach.com/t/bloomreach-reference-spa-critical-error/4373/7 "2024-04-19T10:12:48Z")

</div>

I tried publishing it and nothing changed

---

<div class="post-metadata">

**Author:** ![Lef\_Karamoulas](https://yyz1.discourse-cdn.com/flex027/user_avatar/community.bloomreach.com/lef_karamoulas/32/82_2.png) [@Lef\_Karamoulas](https://community.bloomreach.com/u/Lef_Karamoulas)\
**Post date:** [April 19, 2024, 10:18am UTC](https://community.bloomreach.com/t/bloomreach-reference-spa-critical-error/4373/8 "2024-04-19T10:18:58Z")

</div>

Hey @SrMarcius ,

I’ve had a look into your instance and the issue is the channel name (you named the channel brXSaaS without space) so instead of  
`https://brx-content-trainingxx.bloomreach.io/delivery/site/v1/channels/brx-saas/pages`  
you should configure  
`https://brx-content-trainingxx.bloomreach.io/delivery/site/v1/channels/brxsaas/pages` (without hyphen between brx and saas)  
that second URL works as expected and should resolve your issue

Kind regards

---

<div class="post-metadata">

**Author:** ![SrMarcius](https://avatars.discourse-cdn.com/v4/letter/s/ac8455/32.png) [@SrMarcius](https://community.bloomreach.com/u/SrMarcius)\
**Post date:** [April 19, 2024, 10:38am UTC](https://community.bloomreach.com/t/bloomreach-reference-spa-critical-error/4373/9 "2024-04-19T10:38:55Z")

</div>

Hi,

I changed the url and it works correctly now, but the error page is still appearing, i tried to publish the page again to see if it updates and it still didn’t work.

 ![image](https://canada1.discourse-cdn.com/flex027/uploads/bloomreach1/original/2X/1/1b4e576034a95ebc106a8e432eae0e2a0b9da553.png)

should i recreate a new channel?

---

<div class="post-metadata">

**Author:** ![Lef\_Karamoulas](https://yyz1.discourse-cdn.com/flex027/user_avatar/community.bloomreach.com/lef_karamoulas/32/82_2.png) [@Lef\_Karamoulas](https://community.bloomreach.com/u/Lef_Karamoulas)\
**Post date:** [April 19, 2024, 10:59am UTC](https://community.bloomreach.com/t/bloomreach-reference-spa-critical-error/4373/10 "2024-04-19T10:59:05Z")

</div>

No creating a new channel shouldn’t be necessary.

Check your browser console logs and networks calls again. Make sure that the new URL is actually being used. You can enable debug: true in the configuration object in the SPA to get logs about the behaviour of the SDK and which endpoint is being accessed.

Kind regards

---

<div class="post-metadata">

**Author:** ![SrMarcius](https://avatars.discourse-cdn.com/v4/letter/s/ac8455/32.png) [@SrMarcius](https://community.bloomreach.com/u/SrMarcius)\
**Post date:** [April 19, 2024, 11:10am UTC](https://community.bloomreach.com/t/bloomreach-reference-spa-critical-error/4373/11 "2024-04-19T11:10:05Z")

</div>

Where can i find the SPA configuration object?

---

<div class="post-metadata">

**Author:** ![Lef\_Karamoulas](https://yyz1.discourse-cdn.com/flex027/user_avatar/community.bloomreach.com/lef_karamoulas/32/82_2.png) [@Lef\_Karamoulas](https://community.bloomreach.com/u/Lef_Karamoulas)\
**Post date:** [April 22, 2024, 9:52am UTC](https://community.bloomreach.com/t/bloomreach-reference-spa-critical-error/4373/12 "2024-04-22T09:52:02Z")

</div>

Hey @SrMarcius ,

in your spa where the BrPage component is used there is a configuration object being passed.  
Inside that object you can set debug:true see also the SDK documentation page

> **[@bloomreach/react-sdk](https://www.npmjs.com/package/@bloomreach/react-sdk)**
>
> Bloomreach SPA SDK for React. Latest version: 22.0.4, last published: 18 days ago. Start using @bloomreach/react-sdk in your project by running \`npm i @bloomreach/react-sdk\`. There are no other projects in the npm registry using...

Kind regards
