Untitled

{
    flex: 0.13,
    minWidth: 110,
    field: 'performance',
    headerName: 'Performance',
    renderCell: ({ row }) => {
      const percentage = row.profilesAdded !== 0 ? ((row.followup / row.profilesAdded) * 100).toFixed(2) : 0
      return (
        <Grid container spacing={1.3}>
          <Grid item xs={8}>
            <Typography style={{ fontSize: '14px' }}>Requests Accepted</Typography>
          </Grid>
          <Grid item xs={4}>
            <Typography style={{ fontSize: '14px' }}>{row.followup}</Typography>
          </Grid>
          <Grid item xs={8}>
            <Typography style={{ fontSize: '18px', color: '#26bf6b' }}>
              {isNaN(percentage) ? '0' : `${percentage}%`}
            </Typography>
          </Grid>
        </Grid>
      )
    }
  },