API cryotocompare trying to add data from cryptos.jsx to index.jsx

import React, { Component } from "react";
import "./assets/css/argon-dashboard-react.css.css";
import axios from "axios";

class Cryptos extends Component {

    constructor(props) {
      super(props);

      this.state = {
        cryptos: []
      };
    }

    componentDidMount() {
      axios.get('https://min-api.cryptocompare.com/data/price?fsym=ETH&tsyms=BTC,USD,EUR')
        .then(res => {
          const cryptos = res.data;
          console.log(cryptos);
          this.setState({cryptos: cryptos});
        })
    }

I'm trying to import this code to my index.jsx and getting this error:

Parsing error: Unexpected token

import im doing on my index.jsx "import Cryptos from "views/examples/Cryptos.jsx";"