Estoy tratando de obtener una vista previa de video después de seleccionar un video del archivo de tipo de entrada. Pero no me da una vista previa del video, sin embargo, si funciona bien, si selecciono una imagen, pero no funciona bien para el video.

 import React, { useState } from 'react'; const [imgAvatar, setImgAvatar] = useState('') const handleFile = e => { const file = e.target.files[0] const fileReader = new FileReader() fileReader.onloadend = (e) => { setImgAvatar(e.target.result) } fileReader.readAsDataURL(file) } return( <video> <source src={imgAvatar} type="video/mp4"></source> </video> <img src={imgAvatar} alt='...'></img> )