Alguien me puede ayudar, me genera el error de que no puede leer la propiedad map del array de personajes Este es mi código <code>import ...

Alguien me puede ayudar, me genera el error de que no puede leer la propiedad map del array de personajes

Este es mi código

import React from "react";
import Hero from "../components/Hero";

import "./styles/Home.css";

class Home extends React.Component {
  state = {
    data: {
      results: []
    }
  };

  componentDidMount() {
    this.fetchCharacters();
  }

  fetchCharacters = async () => {
    const response = await fetch(
      "https://rickandmortyapi.com/api/character/?page=1"
    );
    const data = await response.json;

    this.setState({
      data: data
    });
  };

  render() {
    return (
      <>
        <Hero />
        <div className="container">
          <section className="Home__container-character">
            {this.state.data.results.map(character => {
              return console.log(character);
            })}
            ;
          </section>
        </div>
      </>
    );
  }
}

export default Home;