Tabela dinamica nao funciona

Olá, estou tendo um problema com relação a atividade da tabela dinamica. Após finalizar o codigo os valores da tabela não foram adicionados, sumiram todos quando vejo no servidor local.

import { Paper, Table, TableBody, TableCell, TableContainer, TableHead, TableRow } from "@mui/material"; import IConsulta from "../../types/IConsulta";

function Tabela({consultas} : {consultas : IConsulta[] | null}) { return ( <> <Table sx={{minWidth: 700}} aria-label="tabela-customizada"> Data Horário Profissional Especialidade Paciente Modalidade {consultas?.map((linha) => { return( {linha.data} {linha.horario} {linha.profissional[0].nome} {linha.profissional[0].especialidade} {linha.paciente} {linha.modalidade}

                )
            })}
            
        </TableBody>
    </Table>
    </TableContainer>
    </>
)

}