Tengo el archivo ResultTable.jsx .

 import React, { useState } from 'react' import { Link } from 'react-router-dom'; import Certificate from './models/certificate'; import axios from 'axios'; const ResultTable = ({certificate}) => { console.log(JSON.stringify(certificate)); return ( <tr key={certificate.certificateNo}> <td>{certificate.certificateNo}</td> <td>{certificate.sponser}</td> <td>{certificate.protoColNo}</td> <td>{certificate.startDate}</td> <td>{certificate.endDate}</td> <td>{certificate.noOfSubjects}</td> <td>{certificate.country}</td> <td>{certificate.requestStatus}</td> </tr> ) } export default ResultTable

Está procesando correctamente el registro en la tabla de resultados. pero cuando lo estoy convirtiendo en un archivo .tsx debido a los estándares de mi proyecto, no está generando ningún registro. También cambié la primera línea y le di tipo. const ResultTable = (certificate:any) cuando imprimí en el archivo .tsx usando console.log , está imprimiendo la salida.

¿Qué pequeño error estoy haciendo? A continuación se muestra el archivo .tsx

 import React, { useState } from 'react' import { Link } from 'react-router-dom'; import Certificate from './models/certificate'; import axios from 'axios'; const ResultTable = (certificate:any) => { console.log(JSON.stringify(certificate)); return ( <tr key={certificate.certificateNo}> <td>{certificate.certificateNo}</td> <td>{certificate.sponser}</td> <td>{certificate.protoColNo}</td> <td>{certificate.startDate}</td> <td>{certificate.endDate}</td> <td>{certificate.noOfSubjects}</td> <td>{certificate.country}</td> <td>{certificate.requestStatus}</td> </tr> ) } export default ResultTable