Fetching de Datos Robusto

import React, { useState, useEffect } from 'react';

export default function FetchingRobusto() {
  // 1. Define aquí tus 3 estados: data, loading y error

  useEffect(() => {
    // 2. Crea tu función asíncrona para el fetch
    // API recomendada: https://rickandmortyapi.com/api/character
    
  }, []);

  return (
    <div style={{ padding: '20px', fontFamily: 'sans-serif', textAlign: 'center' }}>
      <h1>Personajes de Rick & Morty</h1>

      {/* 3. Renderizado condicional:
        - Si loading es true, muestra un mensaje de carga.
        - Si error existe, muestra el mensaje de error en rojo.
        - Si hay datos, usa .map() para mostrar los nombres.
      */}
    </div>
  );
}