Применение теней в React Native

Я получаю эту ошибку при применении тени к компонентам.

Представление № 128489 типа ABI49_0_0RCTView имеет набор теней, но не может эффективно вычислить тень. Чтобы исправить это, рассмотрите возможность установки цвета фона или примените тень к более конкретному компоненту.

это CSS, к которому применяется тень. Я хотел сохранить ТЕНЬ отдельно, чтобы можно было использовать разные цвета фона.

const SHADOW = {
    // For iOS
    light: {
      shadowColor: COLORS.black,
      shadowOffset: {
        width: 0,
        height: 2,
      },
      shadowOpacity: 0.1,
      shadowRadius: 4,
    },
    medium: {
      shadowColor: COLORS.black,
      shadowOffset: {
        width: 0,
        height: 4,
      },
      shadowOpacity: 0.2,
      shadowRadius: 2,
    },
    // For Android
    android: {
      elevation: 5,
    },
  };

const BUTTON = {
    padding: 15,
    backgroundColor: COLORS.button,
    borderRadius: 10,
    marginBottom: 10,
    alignItems: 'center',
    ...Platform.select({
      ios: {
        ...SHADOW.medium,
      },
      android: {
        ...SHADOW.android,
      },
    }),
}

const CARD = {
  padding: 15,
  backgroundColor: 'rgba(48, 48, 48, 1)',
  borderRadius: 8,
  marginBottom: 10,
  alignItems: 'center',
  ...Platform.select({
    ios: {
      ...SHADOW.medium,
    },
    android: {
      ...SHADOW.android,
    },
  }),
}

Я ожидал, что не получу предупреждений об ошибках