Tengo un problema en una parte del código donde me tira el error Warning: Each child in a list should have a unique "key" prop., Tengo agregada la propiedad key pero al tener un if dentro del map me arroja ese warning. Si borro el if y pruebo dejando uno de los componentes no se muestra el error pero si hago el if se muestra.
return(
<div className="main">
{video.map(vid => (
<>
{ vid.video !== '' ? (
<VideoPlayer id={vid.id} video={vid.video} name={vid.name} poster={vid.poster} key={vid.id} />
) : (
<ImgNoVideo id={vid.id} url={vid.url} name={vid.name} poster={vid.poster} key={vid.id} />
)}
</>
))}
</div>
);
return <VideoPlayer id={vid.id} video={vid.video} name={vid.name} poster={vid.poster} key={vid.id} />
. Y,return <ImgNoVideo id={vid.id} url={vid.url} name={vid.name} poster={vid.poster} key={vid.id} />