React module not loading in live version

Michiel-Koho · February 10, 2025, 2:03pm

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:

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!

Michiel-Koho · February 10, 2025, 11:00pm

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.

JPFarfan · July 19, 2025, 5:24pm

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!

Michiel-Koho · July 20, 2025, 7:19am

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.

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

Jaycee_Lewis · July 21, 2025, 5:03pm

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

Topic		Replies	Views
Adding smart rules makes module disappear from the published website CMS Development enterprise	1	1007	February 5, 2025
Fehlermeldung beim Hochladen des Custom Modules (React-Leaflet) auf HubSpot Tips, Tricks & Best Practices html , css , javascript	1	629	February 17, 2025
Templates dissapeared CMS Development local-development	7	1263	October 23, 2025
Mini React App in Hubspot not working CMS Development local-development	1	3838	August 22, 2019
JavaScript Not Loading on HubSpot Page: Returns 404 Error CMS Development	1	863	November 18, 2024

React module not loading in live version

Related topics