# React module not loading in live version

**URL:** <https://community.hubspot.com/t/react-module-not-loading-in-live-version/125748>\
**Category:** CMS Development\
**Created:** [February 10, 2025, 2:03pm UTC](https://community.hubspot.com/t/react-module-not-loading-in-live-version/125748 "2025-02-10T14:03:01Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Michiel-Koho](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/michiel-koho/32/30764_2.png) [@Michiel-Koho](https://community.hubspot.com/u/Michiel-Koho)\
**Post date:** [February 10, 2025, 2:03pm UTC](https://community.hubspot.com/t/react-module-not-loading-in-live-version/125748/1 "2025-02-10T14:03:01Z")

</div>

Hi all,  
We are currently facing an issue where a React module that was working perfectly before is now only displaying a placeholder in the live version of our project. The module still works as expected in the editor and preview mode, but once published, it does not load.

The placeholder looks like this:

`<!-- HubSpot JS module render request placeholder comment v2 https://bhouz67qe5utc2icvheiwnnomu0npzhh.lambda-url.eu-central-1.on.aws/ {"entryPoint":"@projects/serry-project/serry-app/components/modules/ProductOverview","buildId":7,"functionArn":null,"props":{"contact":null,"experimentalHublData":null,"fieldValues":{"category":"Terrastegels","filterPreset":"looks","look":"Stonelook","room":"Badkamer"},"getServerSidePropsDependencies":{"contact":false,"fullRequest":false,"moduleProps":true,"urlWithQuery":false,"urlWithoutQuery":false},"hublData":{"query":{},"accountId":144072751},"hublParameters":{"field_types":{"category":"choice","filterPreset":"choice","look":"choice","room":"choice"},"isJsModule":true,"is_widget_block":true,"label":"Product advanced filter","module_id":200790985971,"org_tag":"module_block","parent_widget_container":"dnd_area","path":"@projects/serry-project/serry-app/components/modules/ProductOverview","smart_type":"NOT_SMART","widget_type":"module","wrap_field_tag":"div"},"moduleName":"widget_1739179796350","reactBuildMeta":{"buildSupports":{"batchingV1":true},"buildTs":1739183689515,"contentDescriptors":null,"dataDependencies":null,"getServerSidePropsDependencies":{"contact":false,"fullRequest":false,"moduleProps":true,"urlWithQuery":false,"urlWithoutQuery":false},"hasGetServerSideProps":true,"schema":"1"},"request":null,"resolvedDataDependencies":null,"supplementalFieldValues":{"category":{},"filterPreset":{},"look":{},"room":{}},"urlWithQuery":null,"urlWithoutQuery":null},"enableLambdaDebugging":false,"request":{"cookies":{"__cf_bm":"AfsZ.HK1lVdC8XscGBF6ybA.IiJgros0RtADaSqT8nY-1739194046-1.0.1.1-HjkcxlYEYTkUZWa5n6I29qd_v9X6WjouxbVuVa3uULP4cUMRzpRpbOEPFoQalovqRVfWHoSevAH5LoJT3S_xMQ","_cfuvid":"YXFCpbq1PBvgv8FT7uiIuKL8oSAwsgFC1XxHGPBocmY-1739182523732-0.0.1.1-604800000"},"debug":false,"domain":"tegels-serry.be","fullUrl":"https://tegels-serry.be/tegels/looks/stonelook","path":"/tegels/looks/stonelook","pathAndQuery":"/tegels/looks/stonelook?","pathParamDict":{},"preRenderView":false,"query":"","queryDict":{},"scheme":"https"},"portalId":144072751,"hublet":"eu1","hublTemplatePath":"Serry Theme/templates/Testing Page.html","gates":["CMS:JSRenderer:SeparateIslandRenderOption","CMS:JSRenderer:GraphQLQueryBuild","CMS:JSRenderer:MinifyCSS","CMS:JSRenderer:GetServerSideProps","Jsr:DeployLambdasViaCommonAwsAccount","CMS:JSRenderer:LocalProxySchemaVersion1","CMS:JSRenderer:SharedDeps"],"uniqueRenderRequest":"6d6c41i1","moduleFieldsResolutionResult":null,"tagParams":null,"secrets":null,"defaultReactModuleDeployId":null,"renderSource":null,"customBaseAssetUrl":null,"dataQueryResult":{}}-->`

We’ve already tried:

- **Redeploying** the project containing the module
- **Republishing** the page and template

Despite these efforts, the issue persists. Interestingly, on one of our pages, the module suddenly started rendering again, but it remains broken on many others.

It seems like this could be a HubSpot issue, possibly with how the module is being processed in the live environment. Has anyone else experienced similar behavior with JavaScript modules in HubSpot? Any advice or insights would be greatly appreciated.

Thanks in advance!

---

<div class="post-metadata">

**Author:** ![Michiel-Koho](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/michiel-koho/32/30764_2.png) [@Michiel-Koho](https://community.hubspot.com/u/Michiel-Koho)\
**Post date:** [February 10, 2025, 11:00pm UTC](https://community.hubspot.com/t/react-module-not-loading-in-live-version/125748/2 "2025-02-10T23:00:36Z")

</div>

Update: We’ve found some additional details about this issue. The module temporarily starts working when we move it to a different position on the page and then back to its original position. However, after a few minutes, it reverts back to showing just the placeholder.  
Interestingly, the module works consistently on one of our pages while failing on others, even though all pages use the same HubL template. This suggests the issue might be related to caching or module initialization rather than the template or module configuration itself.  
These temporary fixes and inconsistent behavior across pages might help in identifying the root cause of the issue.

---

<div class="post-metadata">

**Author:** ![JPFarfan](https://avatars.discourse-cdn.com/v4/letter/j/a183cd/32.png) [@JPFarfan](https://community.hubspot.com/u/JPFarfan)\
**Post date:** [July 19, 2025, 5:24pm UTC](https://community.hubspot.com/t/react-module-not-loading-in-live-version/125748/3 "2025-07-19T17:24:39Z")

</div>

Hi Michiel -  
I’m wondering if you were eventually able to solve for this? I am in the process of deploying one of our custom modules to our production environment now and running into the exact same issue.  
Any guidance would be appreciated. Thank you!

---

<div class="post-metadata">

**Author:** ![Michiel-Koho](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/michiel-koho/32/30764_2.png) [@Michiel-Koho](https://community.hubspot.com/u/Michiel-Koho)\
**Post date:** [July 20, 2025, 7:19am UTC](https://community.hubspot.com/t/react-module-not-loading-in-live-version/125748/4 "2025-07-20T07:19:36Z")

</div>

Hi JPFarfan,

Yes, we were eventually able to solve the issue!

We unexpectedly fixed it by adding a component like this to all of our page templates. This seems to have triggered something on HubSpot’s rendering logic which causes the modules to render correctly.

```lia-code-sample
interface Props {
 serverSideProps: {
 test: string;
 };
}

export const getServerSideProps = withModuleProps(async () => ({
 serverSideProps: {
 test: crypto.randomUUID()
 },
 caching: {
 cacheControl: {
 noCache: true
 }
 }
}));

export const Component: FC<Props> = ({ serverSideProps }) => (
 <div className="hidden">{serverSideProps.test}</div>
);

export const fields = <ModuleFields>no fields</ModuleFields>;

```

Not the most elegant fix, but it’s been working reliably for us.

Hope this helps!

Kind regards,  
Michiel

---

<div class="post-metadata">

**Author:** ![Jaycee\_Lewis](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/jaycee_lewis/32/61352_2.png) [@Jaycee\_Lewis](https://community.hubspot.com/u/Jaycee_Lewis)\
**Post date:** [July 21, 2025, 5:03pm UTC](https://community.hubspot.com/t/react-module-not-loading-in-live-version/125748/5 "2025-07-21T17:03:59Z")

</div>

Hey, **@Michiel-Koho** 👋 Thank you for coming back and sharing what worked for you! — Jaycee