React 18 widget build - blank start chat screen

[SonnySVK]

Hello,

I've updated to 4.52v Improvements version, which includes new React v18 in widget. Builded version works fine, but If i just want to rebuild that, it ends with empty start chat screen, also element inspection shows me empty tag:

Steps to reproduce:

1. Download 4.52v (https://github.com/LiveHelperChat/livehelperchat/releases/download/4.52v/4.52v-with-dependencies.zip)
2. cd design/defaulttheme/widget/react-app
3. npm i
4. npm run build

builded using node v22.12.0 and dependencies inside package.json

Can you please take a look on it?

[remdex]

Not sure how I can help as it runs and builds just fine. Make sure you clear browser cache and inspect chrome console etc...

Looks like I managed to reproduce. Will take a look at it.

[remdex]

I have added lock files so now npm i and build will compile properly. I ques there is some dependency in newer packages to have it running without lock file.

6d39d25

[remdex]

Underlying issue is that AXIOS in new version does not think that url starting with two slashes //example.com if valid... So either install dependencies from lock file or just append https:// or http://

LHC_API.args = {mode:'widget',lhc_base_url:'//example.com/index.php/',wheight:450,wwidth:350,pheight:520,pwidth:500,leaveamessage:true,check_messages:false};

Change to

LHC_API.args = {mode:'widget',lhc_base_url:'https://example.com/index.php/',wheight:450,wwidth:350,pheight:520,pwidth:500,leaveamessage:true,check_messages:false};

And last related commit it will take care of future axios versions.

9c13a32

[SonnySVK]

Yes you are right, adding https:// fixed the issue, thanks