Filter1.js

{
  currentData
    .filter((val) => {
      if (search === "") {
        return val;
      } else if (val.userName.toLowerCase().includes(search.toLowerCase())) {
        return val;
      }
    })
    .map((data) => {
      return (
        <>
          {toggle === data ? (
            <EditRow
              key={data.id}
              tableData={tableData}
              setTableData={setTableData}
              Cancel={Cancel}
              setEditData={setEditData}
              editData={editData}
            />
          ) : (
            <ReadOnly key={data.id} data={data} Edit={Edit} Delete={Delete} />
          )}
        </>
      );
    });
}