как использовать фоновый фильтр в js файле, а не css без ошибок

Question

У меня есть следующая связка кода:

export const ErrorBlur = {
  width: '95.8%',
  height: '100vh',
  backdropFilter: blur('10px'),
  backgroundColor: 'rgba(124, 146, 153, 0.29)',
};

, но я получаю следующую ошибку:

неожиданное использование размытия

Как я могу исправить синтаксическую ошибку? Спасибо

Answer 1

Я не знаю, является ли blur функцией, но я предполагаю, что вы должны установить значение backdropFilter в виде строки.

export const ErrorBlur = {
  width: '95.8%',
  height: '100vh',
  backdropFilter: 'blur(10px)',
  backgroundColor: 'rgba(124, 146, 153, 0.29)',
};