Панель закусок пользовательского интерфейса материала + прогресс

Question

Я использую Material UI (React) Snackbar notistack . Я хочу использовать Material UI Progress внутри Snackbar. Например:

Внутри этого:

Я работаю с Action Props, но это не работает:

const action  =(key)=>{
        return(
            <Box>
                <CircularProgressWithLabel value={uploadPercentage}/>
            </Box>
        )
    }

enqueueSnackbar('MY TEXT', { variant: 'info',persist: true,action  });

Результат (просто показывает 0%):

но я уверен, что uploadPercentage изменилось .. . например console.log (uploadPercentage) :

Answer 1

ваш console.log равен 62% (например), CircularProgressWithLabel value принимает числа, а 62% не является числом!

Вы делаете это:

<CircularProgressWithLabel value={'62%'} />

Правильный способ:

<CircularProgressWithLabel value={62} />