Как решить эту синтаксическую ошибку: неожиданный токен (1:13)?

Question

Мне было интересно, что я сделал не так, потому что мой код продолжает показываться в моем браузере, я все еще только начинаю, поэтому медленно изучаю, к счастью, более опытные люди по stackoverflow:)

Card 1.jsx

Syntax error:() Unexpected token (1:13)

> 1 | import React {component} from 'react';
    |              ^
  2 | import '../Card.css'
  3 | 
  4 | const Card = (props) => (

Полный код:

import React {component} from 'react';
import '../Card.css'

const Card = (props) => (
    <div className="card-container">
        <div className ="card">
            <div className ="front">
                <div className="Que">Question</div>
            </div>
            <div classnName ="back">
                <div classnName ="Ans">Answer</div> 
            </div>
        </div>
    </div>
 )

export default Card

Answer 1

Всего: import React from 'react';

Answer 2

import React, {component} from 'react';