React Native functional component template in typescript

ReactNative_FC_Template.ts

import React from 'react';
import { StyleSheet, Text, View } from 'react-native';

interface Props {
    someProp: string;
}

const ComponentName = (props: Props): JSX.Element => {
    const {
        someProp
    } = props;

    return (
        <View style={styles.container}>
            <Text>{someProp}</Text>
        </View>
    );
};

export default ComponentName;

const styles = StyleSheet.create({
    container: {
        backgroundColor: '#000'
    }
});