Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Edge 18 & IE 11 server mismatch with SVG icons

See original GitHub issue

Do you want to request a feature or report a bug?

bug

What is the current behavior?

React raises a warning:

Capture d’écran 2019-03-22 à 00 40 00

https://codesandbox.io/s/k91nr3xzy5

import React from "react";

export default () => (
  <div>
    2
    <svg>
      <path d="M0 0h24v24H0z" />
    </svg>
  </div>
);

What is the expected behavior?

No warning

Which versions of React, and which browser / OS are affected by this issue? Did this work in previous versions of React?

React: 16.8.4 Browser: Edge 18

Issue Analytics

State:
Created 4 years ago
Reactions:22
Comments:14 (2 by maintainers)

Top GitHub Comments

3reactions

CrossTheDevcommented, Jun 22, 2020

I am on react@16.13.1 and it’s still a problem.

2reactions

ivosabevcommented, Sep 30, 2021

+1 with SVG icon exported from React component and rendered in NextJS

Top Results From Across the Web

SVG Icons not showing in IE 11/Edge - Stack Overflow

I have verified that the Document Mode in IE is Edge/Standard. How can I solve this problem? internet-explorer · svg · data-uri.

(Not)Displaying SVG in IE 11 or Edge - MSDN - Microsoft

Hello,. Why can't IE 11 / Edge display SVG file with this content (and other browsers can)? : <?xml version="1.0" encoding="utf-8" ...

Handling common HTML and CSS problems - MDN Web Docs

Browsers not supporting modern features. This is a common problem, especially when you need to support old browsers (such as Internet Explorer) ...

Web Browser Control & Specifying the IE Version - Rick Strahl

In this case IE=edge uses the current version of IE that is installed on the machine. So if you have IE 11 installed...

SVG Working Group Teleconference -- 18 Sep 2019 - W3C

AmeliaBR: It would probably make sense from an implementation perspective to say "non-scaling paint servers". Rossen_: Agreed. krit: Ok. Who would make the ......