<main> тег не распознается в приложении IE11 React

Question

У меня есть приложение React, и в консоли разработчика в IE11 выводится следующая ошибка:

Предупреждение: тег <main> не распознается в этом браузере. Если вы намеревались визуализировать компонент React, начните его имя с заглавной буквы.

Я полагаю, это связано с тем, что элемент <main> не поддерживается Internet Explorer .

Я не вижу ничего плохого в приложении на первый взгляд. Кажется, что он отображается правильно, так что это больше для моего спокойствия, но есть ли способ заставить IE распознавать тег (возможно, с помощью html5 или другого метода), чтобы эта консольная ошибка исчезла?

Answer 1

Попробуйте перехватить console.error и отфильтровать это сообщение, поместив его куда-нибудь перед загрузкой реагирующего аниме:

const realError = console.error;
console.error = (...x) => {
  // debugger;
  if (x[0] === 'Warning: The tag <g> is unrecognized in this browser. If you meant to render a React component, start its name with an uppercase letter.') {
    return;
  }
  realError(...x);
};

Подробнее, пожалуйста, проверьте эту тему .