Warning: validateDOMNesting(...): <a> cannot appear as a descendant of <a>. Reactjs

index.js:1 Warning: validateDOMNesting(...): <a> cannot appear as a descendant of <a>. I am facing this warning in my component can anyone tell me why I am getting this warning?

the component return is

 <Table>
 <TableHead>
 <TableRow>
 <TableCell padding="checkbox">
 <Checkbox
 checked={selectedAllCustomers}
 indeterminate={selectedSomeCustomers}
 onChange={handleSelectAllCustomers}
 />
 </TableCell>
 <TableCell>
 Name
 </TableCell>
 <TableCell>
 Company Name
 </TableCell>
 <TableCell>
 Loan Amount
 </TableCell>
 <TableCell>
 Loan Status
 </TableCell>
 <TableCell>
 <img className={classes.bottomArrow} src="/static/icons/icoutline-arrow_downward-24px.svg" alt="Bottom arrow"/>
 Last Activity
 </TableCell>
 <TableCell align="center">
 Action
 </TableCell>
 </TableRow>
 </TableHead>
 <TableBody>
 {paginatedCustomers.map((client) => {
 const isCustomerSelected = selectedCustomers.includes(client.id);
 return (
 <TableRow
 hover
 key={client.id}
 selected className={classes.rowsForLoop}
 >
 <TableCell padding="checkbox">
 <Checkbox
 checked={isCustomerSelected}
 onChange={(event) => handleSelectOneCustomer(event, client.id)}
 value={isCustomerSelected}
 />
 </TableCell>
 <TableCell component={RouterLink} to={`/client/${client.id}`} className={classes.rowsForLoop}>
 <Box
 display="flex"
 alignItems="center"
 >
 <Avatar
 className={classes.avatar}
 src={client.avatar === 'bob' ? '/static/icons/vance-logo.png': '/static/icons/Na.png'}
 >
 {getInitials(client.name)}
 </Avatar>
 <div>
 <Link
 color="textPrimary"
 component={RouterLink}
 to="/client/1"
 variant="h6"
 >
 {client.name}
 </Link>
 <Typography
 variant="body2"
 color="textSecondary"
 >
 {client.email}
 </Typography>
 </div>
 </Box>
 </TableCell>
 <TableCell>
 <Box
 display="flex"
 alignItems="center"
 >
 <div>
 <Typography variant='subtitle1' className={classes.blukNumber}>
 {client.company}
 </Typography>
 </div>
 </Box>
 </TableCell>
 <TableCell>
 {client.amount}
 </TableCell>
 <TableCell>
 {getLabels(client.status)}
 </TableCell>
 <TableCell>
 {client.lastActivity}
 </TableCell>
 <TableCell align="right">
 <IconButton
 component={RouterLink}
 to={`/client/${client.id}/edit`}
 >
 <SvgIcon fontSize="small">
 <EditIcon />
 </SvgIcon>
 </IconButton>
 <IconButton
 component={RouterLink}
 to={`/client/${client.id}`}
 >
 <SvgIcon fontSize="small">
 <ArrowRightIcon />
 </SvgIcon>
 </IconButton>
 </TableCell>
 </TableRow>
 );
 })}
 </TableBody>
 </Table>

Can anyone help?