推送到生产环境 NextJS/React/Vercel 时，应用程序不呈现

Question

我在推送到生产时无法使我的应用正常工作。

我会留下一些截图和一堆代码，希望有人可以帮助我

<div style={{ height: '100%', width: '100%' }}>
   <DataGrid rows={rows} columns={columns} pageSize={10} checkboxSelection={false} className={classes.root} />
</div>

const columns = [
    { field: 'id', headerName: 'ID', width: 70 },
    { field: 'denumireProdus', headerName: 'Denumire produs', width: 300 },
    { field: 'pret', headerName: 'Pret', type: 'number', width: 120 },
    {
      field: 'cantitate',
      headerName: 'Cantitate',
      type: 'number',
      width: 120,
    },
    {
      field: 'discount',
      headerName: 'Discount',
      description: 'This column has a value getter and is not sortable.',
      type: 'number',
      width: 120,
    },
  ];
  const rows = [
    { id: 1, denumireProdus: 'Bere Bucegi', pret: 25, cantitate: 35, discount : 25 },
    { id: 2, denumireProdus: 'Bere Bucegi', pret: 25, cantitate: 35, discount : 25 },
    { id: 3, denumireProdus: 'Bere Bucegi', pret: 25, cantitate: 35, discount : 25 },
    { id: 4, denumireProdus: 'Bere Bucegi', pret: 25, cantitate: 35, discount : 25 },
    { id: 5, denumireProdus: 'Bere Bucegi', pret: 25, cantitate: 35, discount : 25 },
    { id: 6, denumireProdus: 'Bere Bucegi', pret: 25, cantitate: 35, discount : 25 },
  ];