How to print Mui data-grid with image inside renderCell

Question

I'm using Mui data-grid to show data using renderCell. I want to print my data-grid and see the picture from the first renderCell.

    const columns: GridColDef[] = [
    {
        field: 'picture',
        headerName: 'Picture',
        flex: 1,
        headerAlign: 'center',
        align: 'center',        
        renderCell: (params) => <Box component="img"
            sx={{
                height: 56,
                width: 56,
            }}
            src={params.value}
        />,
    },
    {
        field: 'id',
        headerName: 'ID',
        flex: 1,
        headerAlign: 'center',
        align: 'center',
    }
];

I don't find any post showing how to do it.