"undefined is not an object (evaluating 'r.message')" after calling DataStore.start on Safari

Before opening, please confirm:

• I have searched for duplicate or closed issues and discussions.
• I have read the guide for submitting bug reports.
• I have done my best to include a minimal, self-contained set of instructions for consistently reproducing the issue.

JavaScript Framework

React

Amplify APIs

Authentication, REST API, GraphQL API, DataStore, Storage

Amplify Categories

auth, storage, function, api

Environment information

System:
    OS: Windows 10 10.0.19043
    CPU: (12) x64 AMD Ryzen 5 3600 6-Core Processor
    Memory: 6.47 GB / 15.95 GB
  Binaries:
    Node: 16.14.2 - C:\Program Files\nodejs\node.EXE
    npm: 8.5.0 - C:\Program Files\nodejs\npm.CMD
  Browsers:
    Edge: Spartan (44.19041.1266.0), Chromium (107.0.1418.35)
    Internet Explorer: 11.0.19041.1566
  npmPackages:
    @aws-amplify/api: ^4.0.50 => 4.0.61
    @aws-amplify/api-graphql: ^2.3.14 => 2.3.25
    @aws-amplify/auth: ^4.6.3 => 4.6.14
    @aws-amplify/ui-components: ^1.9.6 => 1.9.6
    @aws-amplify/ui-react: ^1.2.22 => 1.2.26
    @capacitor/android: ^4.0.0 => 4.4.0
    @capacitor/cli: ^4.0.0 => 4.4.0
    @capacitor/core: ^4.0.0 => 4.4.0
    @capacitor/filesystem: ^4.0.0 => 4.1.3
    @capacitor/ios: ^4.0.0 => 4.4.0
    @date-io/moment: ^1.3.13 => 1.3.13
    @emotion/react: ^11.8.2 => 11.10.4
    @emotion/styled: ^11.8.1 => 11.10.4
    @ionic-native/bluetooth-le: ^5.24.0 => 5.36.0
    @ionic-native/core: ^5.24.0 => 5.36.0
    @ionic-native/device: ^5.26.0 => 5.36.0
    @ionic-native/network: ^5.24.0 => 5.36.0
    @ionic/cli: ^6.12.2 => 6.20.3
    @ionic/react: ^5.0.7 => 5.9.4
    @ionic/react-router: ^5.0.7 => 5.9.4
    @ionic/storage: ^2.2.0 => 2.3.1
    @material-ui/core: ^4.11.4 => 4.12.4
    @material-ui/pickers: ^3.3.10 => 3.3.10
    @pxblue/react-progress-icons: ^2.1.0 => 2.1.1
    @react-pdf/font: 2.2.0 => 2.2.0
    @react-pdf/renderer: 2.1.0 => 2.1.0
    @testing-library/jest-dom: ^4.2.4 => 4.2.4
    @testing-library/react: ^9.4.0 => 9.5.0
    @testing-library/user-event: ^8.0.3 => 8.1.3
    @types/d3: ^6.2.0 => 6.7.5
    @types/file-saver: ^2.0.5 => 2.0.5
    @types/jest: ^24.0.25 => 24.9.1
    @types/lodash: ^4.14.168 => 4.14.186
    @types/moment-timezone: ^0.5.13 => 0.5.30
    @types/node: ^12.12.24 => 12.20.55
    @types/pako: ^1.0.3 => 1.0.4
    @types/react: ^16.9.17 => 16.14.33
    @types/react-circular-progressbar: ^1.1.0 => 1.1.0
    @types/react-datepicker: ^4.3.4 => 4.4.2
    @types/react-dom: ^16.9.4 => 16.9.16
    @types/react-plotly.js: ^2.5.0 => 2.5.2
    @types/react-router: ^5.1.4 => 5.1.19
    @types/react-router-dom: ^5.1.3 => 5.3.3
    @types/resize-observer-browser: ^0.1.4 => 0.1.7
    @types/uuid: ^7.0.3 => 7.0.5
    @typescript-eslint/eslint-plugin: 4.0.1 => 4.0.1 (4.33.0)
    @typescript-eslint/parser: 4.0.1 => 4.0.1 (4.33.0)
    amplify-ui-components-loader:  undefined ()
    aws-amplify: ^4.3.43 => 4.3.43
    aws-sdk: ^2.1019.0 => 2.1240.0
    cordova-plugin-bluetoothle: ^4.5.13 => 4.5.14
    cordova-plugin-device: ^2.0.3 => 2.1.0
    cordova-plugin-device-electron:  1.0.0
    cordova-plugin-ionic: 5.5.3 => 5.5.3 ()
    cordova-plugin-network-information: ^2.0.2 => 2.0.2
    cordova-plugin-network-information-tests:  2.0.2
    cross-env: ^7.0.2 => 7.0.3
    d3: ^6.3.1 => 6.7.0
    dayjs: ^1.10.4 => 1.11.6
    downsample: ^1.3.0 => 1.4.0
    email-validator: ^2.0.4 => 2.0.4
    eslint: ^7.11.0 => 7.32.0
    eslint-config-airbnb: ^19.0.4 => 19.0.4
    eslint-plugin-import: ^2.26.0 => 2.26.0
    eslint-plugin-jsx-a11y: ^6.6.1 => 6.6.1
    eslint-plugin-react: ^7.31.8 => 7.31.10
    eslint-plugin-react-hooks: ^4.6.0 => 4.6.0
    fake-indexeddb: ^3.1.2 => 3.1.8
    file-saver: ^2.0.5 => 2.0.5
    history: ^4.10.1 => 4.10.1
    immer: ^9.0.15 => 9.0.16 (9.0.6, 8.0.1)
    immutability-helper: ^3.0.2 => 3.1.1
    ionicons: ^5.0.0 => 5.5.4
    ionicons-loader:  undefined ()
    ionicons/components:  undefined ()
    ionicons/icons:  5.5.4
    jest-transform-stub: ^2.0.0 => 2.0.0
    lodash: ^4.17.21 => 4.17.21
    mobx: ^5.15.4 => 5.15.7
    mobx-react: ^6.2.2 => 6.3.1
    mobx-react-lite: ^2.0.6 => 2.2.2
    moment: ^2.24.0 => 2.29.4
    moment-timezone: ^0.5.28 => 0.5.38
    nodemailer: ^6.6.0 => 6.8.0
    plotly.js-gl2d-dist: ^2.9.0 => 2.16.1
    react: ^16.13.0 => 16.14.0 (18.1.0)
    react-circular-progressbar: ^2.0.3 => 2.1.0
    react-countdown: ^2.3.1 => 2.3.3
    react-dom: ^16.13.0 => 16.14.0
    react-dropdown: ^1.9.2 => 1.11.0
    react-error-overlay: 6.0.9 => 6.0.9
    react-git-info: ^2.0.0 => 2.0.1
    react-plotly.js: ^2.5.1 => 2.6.0
    react-router: ^5.1.2 => 5.3.4
    react-router-dom: ^5.1.2 => 5.3.4
    react-scripts: ^4.0.1 => 4.0.3
    react-select: ^5.2.2 => 5.5.6
    react-sizeme: ^3.0.2 => 3.0.2
    rxjs: ^6.5.5 => 6.6.7
    rxjs/ajax:  undefined ()
    rxjs/fetch:  undefined ()
    rxjs/internal-compatibility:  undefined ()
    rxjs/operators:  undefined ()
    rxjs/testing:  undefined ()
    rxjs/webSocket:  undefined ()
    tslint-lines-between-class-members: ^1.3.6 => 1.3.6
    typescript: ^4.8.4 => 4.8.4 (3.8.3)
    use-long-press: ^1.1.2 => 1.2.0
    uuid: ^7.0.3 => 7.0.3 (3.4.0, 3.3.2, 8.3.2, 8.0.0)
    zen-observable-ts: ^1.1.0 => 1.1.0 (0.8.19)
  npmGlobalPackages:
    @aws-amplify/cli: 10.4.0
    @ionic/cli: 6.20.3

Describe the bug

After calling DataStore.start on a react app running on Safari, the following error is thrown: “undefined is not an object (evaluating ‘r.message’)”. This only occurs when the app is run on a clean environment, once the window is refreshed, the error is no longer thrown.

Expected behavior

Datastore.start successfully executes without error

Reproduction steps

1. Run React app on Safari
2. Call DataStore.start

Code Snippet

// Put your code below this line.

Log output

// Put your logs below this line

aws-exports.js

No response

Manual configuration

No response

Additional configuration

No response

Mobile Device

No response

Mobile Operating System

No response

Mobile Browser

No response

Mobile Browser Version

No response

Additional information and screenshots

No response

[chrisbonifacio]

@jackhipson300 I noticed you also have some scoped packages installed, @aws-amplify/api and @aws-amplify/api-graphql that are not updated to the latest version. Can you run this command to update all amplify packages?

npx npm-check-updates -i '/@?aws-amplify/' && npm update

The issue may be caused by some incompatible versions installed of the scoped packages.

Let us know if you continue to experience this issue after upgrading!

[jackhipson300]

@david-mcafee Amplify is 4.3.43 DataStore is latest as well