React Native - Cant find variable: Symbol

Question

The Scenario

I am writing an React-Native-Web (RNW) app. The basic design is a core application that takes a library of custom React-Native components as a node package.

The component library is also an RNW app as i use StoryBook to allow development in isolation.

The Issue

When i install the component library from git using npm i ... into the core application and import it into the App.js in the src folder i get the following error...

ReferenceError: Can't find variable: Symbol

This error is located at:
    in Styled(SimpleList) (created by App)
    in RCTView (created by View)
    in View (created by App)
    in App (created by NativeApp)
    in NativeApp
    in RCTView (created by View)
    in View (created by AppContainer)
    in RCTView (created by View)
    in View (created by AppContainer)
    in AppContainer

I have also tried to install es6-symbol but this doesn't seem to have any affect.

Any suggestions please?

Yes, i imported it into the App.js using import 'es6-symbol/implement'; FYI, it seems to only be an android issue, the solution works for ios — Tim Smart
– Tim Smart, Commented May 24, 2018 at 9:17

Community · Accepted Answer · 2020-06-20 09:12:55Z

4

you need to

npm install es6-symbol --save

and then inside index.android.js & index.ios.js

import 'es6-symbol/implement'

If its only causing problems in android you might want to add this in index.android.js

import 'core-js/es6/symbol';

import 'core-js/fn/symbol/iterator';

import "core-js/es6/set";

issue

edited Jun 20, 2020 at 9:12

CommunityBot

11 silver badge

answered May 24, 2018 at 9:19

supra28

1,64610 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Tim Smart Over a year ago

thanks for the suggestion. I have tried both with es6-symbol and core-js but neither solutions work :( FYI, this only occurs in Android

Tim Smart Over a year ago

i imported it into the index.android.js in the root, i also tried it in the index.android.js in to src directory, neither worked unfortunatly

davbuc Over a year ago

@supra28 I have tried both but after adding it the new error is: "Cant find variable: WeakSet" any idea how to solve it?

Tim Smart · Accepted Answer · 2018-05-24 09:52:24Z

0

Thanks to @supra28 for the solution. The only change i had to make was to add

import 'core-js/es6/symbol';

import 'core-js/fn/symbol/iterator';

import "core-js/es6/set";

to the app.js instead of the index.android.js. This solution works for both ios and android

answered May 24, 2018 at 9:52

Tim Smart

1781 silver badge13 bronze badges

Comments

Gregory R. · Accepted Answer · 2019-06-13 07:36:34Z

0

import these in your root index.js file:

import "core-js/stable";
import "regenerator-runtime/runtime";

answered Jun 13, 2019 at 7:36

Gregory R.

1,9751 gold badge22 silver badges34 bronze badges

Collectives™ on Stack Overflow

React Native - Cant find variable: Symbol

The Scenario

The Issue

3 Answers 3

3 Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

The Scenario

The Issue

3 Answers 3

3 Comments

Comments

Comments

Related