[Bug]: SyntaxError with file in node_module Unexpected token, expected "," (4:7), ...

Mapbox Implementation

Mapbox

Mapbox Version

default

Platform

iOS

@rnmapbox/maps version

10.0.0-beta.57 and older

Standalone component to reproduce

import React from 'react';
import {
  MapView,
  ShapeSource,
  LineLayer,
  Camera,
} from '@rnmapbox/maps';

const aLine = {
  type: 'LineString',
  coordinates: [
    [-74.00597, 40.71427],
    [-74.00697, 40.71527],
  ],
};

class BugReportExample extends React.Component {
  render() {
    return (
      <MapView style={{flex: 1}}>
        <Camera centerCoordinate={[-74.00597, 40.71427]} zoomLevel={14} />
        <ShapeSource id="idStreetLayer" shape={aLine}>
          <LineLayer id="idStreetLayer" />
        </ShapeSource>
      </MapView>
    );
  }
}

Observed behavior and steps to reproduce

No response

Expected behavior

No response

Notes / preliminary analysis

No response

Additional links and references

OS: Macbook pro M1 2021 React native: 0.68.2 NOTE: Our app still use JS code and function component. Please help here and feel free to request anything help reslove this issues.

[MinhOmega]

Hi @xotahal , Thanks for support me. I have downgrade to version "@react-native-mapbox-gl/maps": "^8.5.0", and it working now @@.

[xotahal]

Try to change it to ^7.x.x. And make sure you getting all versions higher than 7.16. You can check this by running yarn why @babel/core. Many packages fetches the @babel/core. Also run yarn dedupe to get rid of versions you don’t need. Hope it helps 😉