Inline SVG issue

#1

I want to use some inline SVG, but when inlining I get an error message that ‘in’ is a reserved keyword. When using ‘in_’ instead of ‘in’ I get a type error.

<svg
              width="154"
              height="278"
              viewBox="0 0 154 278"
              xmlns="http://www.w3.org/2000/svg">
              <defs>
                <filter
                  x="-6.8%"
                  y="-6.2%"
                  width="113.6%"
                  height="117.5%"
                  filterUnits="objectBoundingBox"
                  id="filter-1">
                  <feOffset
                    dy="2"
                    in="SourceAlpha"
                    result="shadowOffsetOuter1"
                  /> 
...
#2

The full SVG for reference (before JSX conversion):

https://pastebin.com/bSvb9v6U

#3

Looks like _in is what you want.

see code here

#4

Thank you so much. It works.