[Bug]: Error when running on iOS

[sluther]

Mapbox Implementation

Mapbox

Mapbox Version

11.0

React Native Version

0.79.3

Platform

iOS

@rnmapbox/maps version

10.1.39

Standalone component to reproduce

const App = () => {
  return (
    <View style={styles.page}>
      <View style={styles.container}>
        <Mapbox.MapView style={styles.map} />
      </View>
    </View>
  );
}

export default App;

Observed behavior and steps to reproduce

After running the following commands:
npx expo install @rnmapbox/maps
npx expo install expo-dev-client
npx expo prebuild --clean
npx expo run:ios

I get the following error:

❌ (ios/Pods/MapboxMaps/Sources/MapboxMaps/Annotations/ViewAnnotationManager.swift:79:19)
77 | @available(*, deprecated, message: "Use ViewAnnotation")
78 | public var annotations: [UIView: ViewAnnotationOptions] {
79 | idsByView.compactMapValues { [mapboxMap] id in
| ^ cannot convert return expression of type '[UIView : ViewAnnotationOptions]' to return type 'Dictionary<String, Optional>.RawValue'
80 | try? mapboxMap.options(forViewAnnotationWithId: id)
81 | }
82 | }

Expected behavior

I expect the app to build and run without any errors.

Notes / preliminary analysis

No response

Additional links and references

Your bot configuration seems to be broken. My other issue was automatically closed despite having the required code sample: #3871

[github-actions]

Lint failed 😭

Please fix the errors in your code example - More info.:

error: 'React' must be in scope when using JSX (react/react-in-jsx-scope) at example.jsx:4:5:
  2 | const App = () => {
  3 |   return (
> 4 |     <View style={styles.page}>
    |     ^
  5 |       <View style={styles.container}>
  6 |         <Mapbox.MapView style={styles.map} />
  7 |       </View>


error: 'View' is not defined (react/jsx-no-undef) at example.jsx:4:6:
  2 | const App = () => {
  3 |   return (
> 4 |     <View style={styles.page}>
    |      ^
  5 |       <View style={styles.container}>
  6 |         <Mapbox.MapView style={styles.map} />
  7 |       </View>


error: 'styles' is not defined (no-undef) at example.jsx:4:18:
  2 | const App = () => {
  3 |   return (
> 4 |     <View style={styles.page}>
    |                  ^
  5 |       <View style={styles.container}>
  6 |         <Mapbox.MapView style={styles.map} />
  7 |       </View>


error: 'React' must be in scope when using JSX (react/react-in-jsx-scope) at example.jsx:5:7:
  3 |   return (
  4 |     <View style={styles.page}>
> 5 |       <View style={styles.container}>
    |       ^
  6 |         <Mapbox.MapView style={styles.map} />
  7 |       </View>
  8 |     </View>


error: 'View' is not defined (react/jsx-no-undef) at example.jsx:5:8:
  3 |   return (
  4 |     <View style={styles.page}>
> 5 |       <View style={styles.container}>
    |        ^
  6 |         <Mapbox.MapView style={styles.map} />
  7 |       </View>
  8 |     </View>


error: 'styles' is not defined (no-undef) at example.jsx:5:20:
  3 |   return (
  4 |     <View style={styles.page}>
> 5 |       <View style={styles.container}>
    |                    ^
  6 |         <Mapbox.MapView style={styles.map} />
  7 |       </View>
  8 |     </View>


error: 'React' must be in scope when using JSX (react/react-in-jsx-scope) at example.jsx:6:9:
  4 |     <View style={styles.page}>
  5 |       <View style={styles.container}>
> 6 |         <Mapbox.MapView style={styles.map} />
    |         ^
  7 |       </View>
  8 |     </View>
  9 |   );


error: 'Mapbox' is not defined (react/jsx-no-undef) at example.jsx:6:10:
  4 |     <View style={styles.page}>
  5 |       <View style={styles.container}>
> 6 |         <Mapbox.MapView style={styles.map} />
    |          ^
  7 |       </View>
  8 |     </View>
  9 |   );


error: 'styles' is not defined (no-undef) at example.jsx:6:32:
  4 |     <View style={styles.page}>
  5 |       <View style={styles.container}>
> 6 |         <Mapbox.MapView style={styles.map} />
    |                                ^
  7 |       </View>
  8 |     </View>
  9 |   );


9 errors found.```