TableCell.jsx

import { useEffect } from "react";

export default function TableCell({k, cn, handleClick, newDate, hds, hdw, hde, i, value  }){
    return(
        <td className={cn}
        key={k}
        id={k} 
        draggable
        onDragStart={()=>hds(newDate, i, k)}
        onDragEnter={()=>hdw(newDate, i, k)}
        onDragEnd={()=>hde(newDate, i)}
        onClick={()=>handleClick(newDate)}>
        {value} </td>
    );
}