How give conditional rendering inside select box in material ui with react.js

Solution for How give conditional rendering inside select box in material ui with react.js
is Given Below:

I am trying for conditional rendering inside select box with material ui and react.js but i am getting an error.
My code are follows.

                        <TableCell className={classes.tableCell} key={`trc-${k}`}>
                               <Select   id="scategorylect" style={{ width: 300 }} value= 
                                 {defectCategoryList[0].id} >
                                  {
                                  y.prop ==='category'? defectCategoryList 
                                  :defectCategoryDetails.defects?.map(
                                      (categoryList : any) => {
                                           return <MenuItem
                                            value={categoryList.id}
                                            key ={categoryList.id}>
                                            {categoryList.name}
                                         </MenuItem>;
                                })}

                              </Select>
                           </TableCell>

I got these error
ChunkLoadError: Loading chunk 13 failed.
(error: http://localhost:3000/static/js/13.chunk.js)

How give conditional rendering inside select box in material ui with react.js

Solution for How give conditional rendering inside select box in material ui with react.js
is Given Below:

I am trying for conditional rendering inside select box with material ui and react.js but i am getting an error.
My code are follows.

                        <TableCell className={classes.tableCell} key={`trc-${k}`}>
                               <Select   id="scategorylect" style={{ width: 300 }} value= 
                                 {defectCategoryList[0].id} >
                                  {
                                  y.prop ==='category'? defectCategoryList 
                                  :defectCategoryDetails.defects?.map(
                                      (categoryList : any) => {
                                           return <MenuItem
                                            value={categoryList.id}
                                            key ={categoryList.id}>
                                            {categoryList.name}
                                         </MenuItem>;
                                })}

                              </Select>
                           </TableCell>

I got these error
ChunkLoadError: Loading chunk 13 failed.
(error: http://localhost:3000/static/js/13.chunk.js)