Добавление линейного градиента с помощью MUI ⇐ CSS

[Anonymous]

Мне нужно добавить линейный градиент с помощью пользовательского интерфейса Material, но я не могу
Можете ли вы помочь мне сделать это, пожалуйста?

Я пытался прочитать документацию MUI, выполнить поиск на YouTube, задать вопрос в чат-gpt, выполнить поиск в Google, и ничего из этого не помогло.

Документация показывает, что мне нужно добавить его в тему с помощью расширения Theme, но когда я пытаюсь его использовать, я не могу, потому что он не определен
код:

import {extendTheme} из "@mui/joy/styles"; ExtendTheme({ цветовые схемы: { свет: { палитра: { градиент: { instagram: "линейный градиент(вверх,#c13584, #000)", }, }, }, }, }); // компонент, где мне нужно его использовать: theme.vars.palette.gradient.instagram, }}> {элемент. Пользователь} введите код здесь Сообщение об ошибке
мой код