[Bug]:The background is black instead of transparent

Mapbox Implementation

Mapbox

Mapbox Version

10.1.38

React Native Version

0.76.9

Platform

iOS, Android

@rnmapbox/maps version

10.1.38

Standalone component to reproduce

import React, {
  memo, useCallback, useEffect, useMemo, useState,
} from 'react';
import MapboxGL from '@rnmapbox/maps';


const MemoizedMapView = memo(MapboxGL.MapView);

 const transparentStyle = {
    version: 8,
    name: 'Transparent Base',
    sources: {},
    layers: [
      {
        id: 'background',
        type: 'background',
        paint: {
          'background-color': 'rgba(0,0,0,0)',
          'background-opacity': 1,
        },
      },
    ],
  };

<MemoizedMapView
          styleJSON={JSON.stringify(transparentStyle)}
  />

Observed behavior and steps to reproduce

The background is black instead of transparent

Expected behavior

The background is black instead of transparent

Notes / preliminary analysis

No response

Additional links and references

No response

Start with the standalone React Native MapView reproduction using styleJSON and verify the behavior on both iOS and Android. Compare the observed black background with the stated transparent background and confirm the expected result before investigating the relevant MapView implementation.