"accessibilityRole: 'heading'" with TypeScript

Headline.tsx

import React from 'react';
import { StyleProp, TextStyle, StyleSheet } from 'react-native';
import { Headline as PaperHeadline } from 'react-native-paper';

export const Headline = (props: {
  style?: StyleProp<TextStyle>;
  children: string;
}) =>
  React.cloneElement(
    <PaperHeadline style={StyleSheet.flatten([styles.headline, props.style])}>
      {props.children}
    </PaperHeadline>,
    {
      accessibilityRole: 'heading',
      'aria-level': '2',
    }
  );

const styles = StyleSheet.create({
  headline: {
    fontSize: 24,
    marginVertical: 16,
  },
});