Device Monitoring Table - Copy this React, Mui Component to your project

generate a table containing this header and style it nicely { Header: "Device No", accessor: "deviceNo", Cell: ({ row }) => ( <Link className="underline text blue 500" to={`/device/${row.original.deviceNo}`} > {row.original.deviceNo} </Link> ), }, { Header: "Device Name", accessor: "deviceName", }, { Header: "Temperature", accessor: "temp", }, { Header: "Humidity", accessor: "humidity", }, { Header: "Status", accessor: "status", }, { Header: "Battery", accessor: "battery", }, { Header: "Charged Status", accessor: "chargedStatus", }, { Header: "Signal", accessor: "signal", }, { Header: "Last Report Time", accessor: "lastReportTime", }, ],