ReactのParsing error（ESLint）を解決したいです。

$npx eslint App.js
(node:71563) [ESLINT_PERSONAL_CONFIG_SUPPRESS] DeprecationWarning: '~/.eslintrc.*' config files have been deprecated. Please remove it or add 'root:true' to the config files in your projects in order to avoid loading '~/.eslintrc.*' accidentally. (found in "../../.eslintrc.json")
(Use `node --trace-deprecation ...` to show where the warning was created)

/Users/ユーザー名/dog/src/App.js
  39:11  error  Parsing error: Unexpected token

  37 |     <div className="columns is-vcentered is-multiline">
  38 |       {urls.map((url) => 
> 39 |           return (
     |           ^
  40 |             <div key={url} className="column is-3">
  41 |               <Image src={url} />
  42 |             </div>

✖ 1 problem (1 error, 0 warnings)

import React from "react";

function Header() {
  return (
    <header className="hero is-dark is-bold">
      <div className="hero-body">
        <div className="container">
          <h1 className="title">Cute Dog Images</h1>
        </div>
      </div>
    </header>
  );
}

function Image(props) {
  return (
    <div className="card">
      <div className="card-image">
        <figure className="image">
          <img src={props.src} alt="cute dog!" />
        </figure>
      </div>
    </div>
  );
}

function Loading(){
  return <p>Loading...</p>;
}

function Gallery(props) {
  const { urls } = props;
  if (urls == null){
    return <Loading />;
  }
  return (
    <div className="columns is-vcentered is-multiline">
      {urls.map((url) => 
          return (
            <div key={url} className="column is-3">
              <Image src={url} />
            </div>
          )
      )}
    </div>
  );
}
function Main() {
  const urls = null;
  return (
    <main>
      <section className="section">
        <div calssName="container">
          <Gallery urls={urls} />
        </div>
      </section>
    </main>
  );
}
function Footer() {
  return (
    <footer className="footer">
      <div className="content has-text-centered">
        <p>Dog images are retrieved from Dog API</p>
        <p>
          <a href="https://dog.ceo/dog-api/about">Donate to Dog API</a>
        </p>
      </div>
    </footer>
  );
}
function App() {
  return (
    <div>
      <Header />
      <Main />
      <Footer />
    </div>
  );
}

export default App;