Solo uso algunos componentes de viento de cola y ¿cuál es la diferencia entre tener "datos" dentro del componente o fuera del componente? ¿Cuál es la diferencia entre antecedentes y mejores prácticas?

 const people = [ { name: 'Jane Cooper', title: 'Regional Paradigm Technician', }, { name: 'Karl von etwas', title: 'Regional Paradigm Technician', }, ] export default function Example() { return ( ....) }

o

 export default function Example() { const people = [ { name: 'Jane Cooper', title: 'Regional Paradigm Technician', }, { name: 'Karl von etwas', title: 'Regional Paradigm Technician', }, ] return ( ....) }