details.tsx

import { useEffect, useState } from 'react'

import {api} from './api/api'

interface IDescription {
    description:string;
    id:string;
}


export default function Details () {
    
    const [details, setDetails] = useState<IDescription[]>([]);
   
    useEffect( ()=>{
        getDetails()
    },[])
    
    async function getDetails () {

      try {
        const response = await api.get('books/', {
          params: {
            details,
          },

         
        })

        setDetails (response.data)
      }
      catch(error) {
        console.log(error)
      }
  
    }

    if (!details) {
      return <div>carregando...</div>
    }

    return (
      <div>
        {details.map((item)=>
            (<li key = {item.id}>
                
                <p>{item.description}</p>
            </li>
        ))}
        
      </div>
    )
}