[bug]: this.events.off is not a function about web3modal-react-native

[shan-c]

@ignaciosantise I forgot to update here. This issue is fixed for me. I ran through my package.json and found out that if these two packages 'buffer' and 'events' are installed, I encounter this issue. I removed these packages and never seen this error since then. Thanks a lot

[shan-c]

@ignaciosantise

[glitch-txs]

can you share you peerDeps, this seems to be related to a polyfill overwriting some values

[shan-c]

@glitch-txs Attaching package.json. Please take a look
package.json

[shan-c]

@glitch-txs @ignaciosantise I'm blocked by this issue. Can you please help me ?

[ignaciosantise]

@shan-c can you share a public repository were i can reproduce the issue?

[mihairadulescu]

any updates on this one guys?
It makes your app non responsive and nothing happens, are you sure you dont have destructuring missing somwhere after a rerender ?

[ignaciosantise]

hey @mihairadulescu can you provide a public repository so i can reproduce the error?

Also, did you add any polyfill to your project? It might be the cause of the issue: WalletConnect/walletconnect-monorepo#4064 (comment)

[shan-c]

@ignaciosantise I do not use any external polyfiils. I use babel for my react native app. This is the config

const lazyImports = require('metro-react-native-babel-preset/src/configs/lazy-imports');

module.exports = (api) => {
  api.cache(true);
  return {
    comments: false,
    compact: true,
    presets: [['module:metro-react-native-babel-preset', { useTransformReactJSXExperimental: true }],],
    plugins: [
      'react-native-reanimated/plugin',
      'nativewind/babel',
      '@babel/plugin-transform-flow-strip-types',
      '@babel/plugin-proposal-optional-catch-binding',
      // SUPPORTED BY DEFAULT: '@babel/plugin-transform-block-scoping',
      [
        '@babel/plugin-proposal-class-properties',
        {
          loose: true,
        },
      ],
      '@babel/plugin-syntax-dynamic-import',
      '@babel/plugin-syntax-export-default-from',
      // SUPPORTED BY DEFAULT: '@babel/plugin-transform-computed-properties',
      // SUPPORTED BY DEFAULT: '@babel/plugin-transform-destructuring',
      // SUPPORTED BY DEFAULT: '@babel/plugin-transform-function-name',
      // SUPPORTED BY DEFAULT: '@babel/plugin-transform-literals',
      // SUPPORTED BY DEFAULT: '@babel/plugin-transform-parameters',
      // SUPPORTED BY DEFAULT: '@babel/plugin-transform-shorthand-properties',
      [
            '@babel/plugin-transform-react-jsx',
            {
                runtime: 'automatic',
            },
        ],
      // SUPPORTED BY DEFAULT: '@babel/plugin-transform-regenerator',
      '@babel/plugin-transform-sticky-regex',
      '@babel/plugin-transform-unicode-regex',
      '@babel/plugin-proposal-export-default-from',
      [
        '@babel/plugin-transform-modules-commonjs',
        {
          strict: false,
          strictMode: false, // prevent "use strict" injections
          lazy: (importSpecifier) => lazyImports.has(importSpecifier),
          allowTopLevelThis: true, // dont rewrite global `this` -> `undefined`
        },
      ],
      // SUPPORTED BY DEFAULT: '@babel/plugin-transform-classes',
      // SUPPORTED BY DEFAULT: '@babel/plugin-transform-arrow-functions'
      // SUPPORTED BY DEFAULT: '@babel/plugin-transform-spread',
      '@babel/plugin-proposal-object-rest-spread',
      // SUPPORTED BY DEFAULT: [
      // SUPPORTED BY DEFAULT:   '@babel/plugin-transform-template-literals',
      // SUPPORTED BY DEFAULT:   {loose: true}, // dont 'a'.concat('b'), just use 'a'+'b'
      // SUPPORTED BY DEFAULT: ],
      // SUPPORTED BY DEFAULT: '@babel/plugin-transform-exponentiation-operator',
      // SUPPORTED BY DEFAULT: '@babel/plugin-transform-object-assign',
      // SUPPORTED BY DEFAULT: ['@babel/plugin-transform-for-of', {loose: true}],
      // 'metro-react-native-babel-preset/src/transforms/transform-symbol-member',
      '@babel/plugin-transform-react-display-name',
      '@babel/plugin-proposal-optional-chaining',
      '@babel/plugin-proposal-nullish-coalescing-operator',
      [
        '@babel/plugin-transform-runtime',
        {
          helpers: true,
          regenerator: true,
          polyfill: false
        },
      ],
    ],
  };
};

[ignaciosantise]

@shan-c can you provide a public repository so i can reproduce the issue?

You can generate a new project running npx react-native init AwesomeProject and then follow our docs to install the SDK here: https://docs.walletconnect.com/web3modal/react-native/about#installation

So we can check if there's a configuration issue in your project or is something else