SyntaxError: unknown: теги пространства имен по умолчанию не поддерживаются. React JSX не поддерживает теги пространства имен. Вы можете включить?

Question

[Shakir Darion]

Я получаю следующую ошибку при попытке загрузить svg как ReactComponent.

SyntaxError: unknown: Namespace tags are not supported by default. React's JSX doesn't support namespace tags. You can turn on the 'throwIfNamespace' flag to bypass this warning.

import React from "react";
import { ReactComponent as LO } from "../a/Logo.svg"
import { NavLink } from "react-router-dom";

const Logo = () => (
  <>
    <NavLink to={"/"}>
     <LO width={"40px"} height={"40px"} />
    </NavLink>
  </>
);

export default Logo;

SyntaxError: unknown: Namespace tags are not supported by default. React's JSX doesn't support namespace tags. You can turn on the 'throwIfNamespace' flag to bypass this warning.

Answer 1

[camelCaseVlad]

Приведите код самого свг.

соблюдайте синтаксис JSX

stroke="none" strokeWidth="1" fill="none" fillRule="evenodd"

и т.д.

а не

stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"

и т.д.