react-native javascript eslint parsing error: unexpected token

I'm trying to work through the "react native made easy" tutorial and I'm running into a problem. I'm running eslint and I'm getting a parsing error "unexpected token". My code is exactly what the tutorial provides. I'm not sure what is wrong with the syntax.

import React, { Component } from 'react';
import { TextInput, View } from 'react-native';
import PropTypes from 'prop-types';
import styles from './TextArea.component.style';

class TextArea extends Component {
    state = {
        text : ''
    }
    render() {
        const {...extraProps} = this.props;
        return (
            <TextInput
                {...extraProps}
                style={[styles.textArea, extraProps.style]}
                multiline = {true}
                onChangeText={(text) => this.setState({text})}
                value={this.state.text}
            />
        );
    }
}

export default TextArea;

I'm getting the following error:

7:11  error  Parsing error: Unexpected token =

Here is my .eslintrc.json file:

{
    "extends": ["eslint:recommended", "plugin:react/recommended"],
    "parserOptions": {
          "sourceType": "module"
    },
    "rules": {
        "indent": ["error", 4],
        "semi": [2, "always"],
        "no-unused-vars": ["error", { "varsIgnorePattern": "TextInput|PropTypes"}],
        "react/no-did-mount-set-state": 2,
        "react/no-direct-mutation-state": 2,
        "react/jsx-uses-vars": 2,
        "no-undef": 2,
        "react/prop-types": 2,
        "react/jsx-no-bind": 2,
        "react/jsx-no-duplicate-props": 2
    }
}