CSV to Markdown Table Converter (React)

MarkdownTableConverter.js

import React, { Component } from 'react';
import csvToMarkDownTable from 'csv-to-markdown-table';

const style = {
    markdownTableWrapper: {
        padding: '0',
        margin: '0',
        listStyle: 'none',
        display: 'flex',
        flexDirection: 'column',
        justifyContent: 'spaceAround',
        alignItems: 'stretch'
    },
    flexItem: {
        padding: '5px',
        width: '200px',
        height: '150px',
        marginTop: '10px',
        lineHeight: '20px',
        fontSize: '3em',
    }
}

class MarkdownTableConverter extends Component {

    state = {
        markdownTableInput: "",
        markdownTableOutput: "",

    }
    componentDidMount() {
        console.log('componentDidMount');
    }
    // static propTypes = {}
    // static defaultProps = {}
    handleInputChange = (event) => {
        const markdownTableOutput = csvToMarkDownTable(event.target.value);
        console.log('markdownTableOutput ', markdownTableOutput);
        this.setState(prevState => ({
            markdownTableInput: event.target.value,
            markdownTableOutput
        }));
    }
    render() {
        const { markdownTableOutput, markdownTableInput } = this.state;
        return (
            <div className="markdown-table-wrapper" style={style.markdownTableWrapper}>
                <textarea type="text" className="flex-item markdown-table-input" style={style.flexItem} onChange={this.handleInputChange} value={markdownTableInput}/>
                <textarea type="text" className="flex-item markdown-table-output" style={style.flexIte} readOnly value={markdownTableOutput} />
            </div>
        );
    }
}

export default MarkdownTableConverter;