I want to uncheck input if the item status is false. it’s working fine in my localhost. But it’s not working after deploying to the server.
{data.map((item) => (
<tr key={item.id}>
<td>{item.name}</td>
<td>{item.body.slice(0, 90)}</td>
<td>
{item.status === 1 ?
<Form.Check
type="switch"
id="custom-switch"
checked
/> :
<Form.Check
type="switch"
id="custom-switch"
/>
}
</td>
<td>{item.author.username}</td>
<td>
<Link to={`/admin/categories/view/${item.id}`} style={{ paddingRight: "12px" }}> <FaEye
style={{ fontSize: "22px", color: "#071337", cursor: "pointer" }} /></Link>
<span onClick={() => deleteHandler(item.id)} style={{ paddingRight: "12px" }}><TiDelete
style={{ fontSize: "22px", color: "#c0392b", cursor: "pointer" }} /></span>
<Link to={`/admin/categories/edit/${item.id}`} style={{ paddingRight: "12px" }}> <FaEdit
style={{ fontSize: "22px", color: "#f39c12", cursor: "pointer" }} /></Link>
</td>
</tr>
))}