I'm trying to integrate Ecwid into my custom React/Gatsby project. I'm using React Helmet for external script but I get Uncaught ReferenceError: xProductBrowser is not defined .

export default class TEST extends React.Component {
  render() {
    return (
      <>
        <div id="my-store-123"></div>
        <div>
          <Helmet>
            <script
              data-cfasync="false"
              type="text/javascript"
              src="https://app.ecwid.com/script.js?123&data_platform=code&data_date=2021-11-08"
              charSet="utf-8"
            ></script>
          </Helmet>
          <Helmet>
            <script type="text/javascript">
              xProductBrowser( "categoriesPerRow=3", "views=grid(20,3) list(60)
              table(60)", "categoryView=grid", "searchView=list",
              "id=my-store-123" );
            </script>
          </Helmet>
        </div>
      </>
    );
  }
}

Is there an alternative way of using external script which will make this thing work?