Amplify-js: React native subscriptions not working

[dabit3]

Describe the bug
When trying to initialize a subscription on React Native, error is thrown

To Reproduce

1. create a new React Native project and install amplify

$ npx react-native init rnamplify
$ cd rnamplify
$ yarn add aws-amplify

1. Initialize a new Amplify project

$ amplify init

1. Add an API with a basic schema

$ amplify add api

Schema

type Todo @model {
  id: ID!
  name: String!
  description: String
}

1. Try to initialize a subscription

See this snippet or similar for code example.

Expected behavior
subscriptions work

__Details__
Reported by customer here. Tested with Amplify 2.2.2 and 2.2.4. Tried a lot of stuff before filing this bug to be sure it wasn't something on mine or the customer's machine or env.

Smartphone (please complete the following information):

• Device: iPhone 10

Additional context
Works fine on a web project

[callaars]

This also fails on an Android device. By simply following the documentation, it occurs immediately.

[callaars]

What I am seeing is that it fails on this line with the error Buffer is not defined. I resolved this by adding the following at the start of my react-native app:

global.Buffer = require('buffer').Buffer;

For some odd reason, the buffer is not available, but by forcing it into the global scope, it does seem to work.

[dabit3]

Nice find @callaars, thanks for the heads up and update. We're looking at a native fix for this now.

[sammartinez]

Starting to dig into this with the team

[elorzafe]

Thanks @dabit3, the issue is confirmed and I am working on a fix right now

[elorzafe]

Fix published into unstable tag tomorrow it will be published into latest tag

[dabit3]

Thanks @elorzafe @sammartinez !!