Safari v12 and v13 error for package versions 3.0.0 and above

[tylerexmg]

Safari v12 and v13 error for package versions 3.0.0 and above

[yusinto]

The LaunchDarkly JS SDK v3.0 and up uses optional chaining which is supported by modern browsers. It looks like you bundle your react app using webpack. The issue is webpack 4 uses a version of acorn which does not transpile the optional chaining operator. The solution as you can see in the react async provider example is to resolve the acorn package version that does support it. To do this, in your package.json file:

  "resolutions": {
    "acorn": "npm:acorn-with-stage3"
  }

Webpack 5 supports optional chaining out of the box so we recommend you upgrade to that if possible. If you use other bundlers, make sure to enable/include plugins for optional chaining for your bundler.

This is also covered in our v2 to v3 migration docs. Read more here.

[tylerexmg]

Hi @yusinto thank you for your reply. We are using Webpack 5 "webpack": "^5.73.0" and also use optional chaining in our code without issue when reverting to the LD JS SDK v2.

[yusinto]

This should be fixed in 3.1.1. We have removed the optional chaining operator so please update to that version if you have issues with the ? operator.