Thanks so much for looking into it @sairion .

I tested with Firefox logo you linked, and am getting the same Invalid value for path.. issue.

I'll try to give some more info here:

Using React with Redux:

    "react": "^0.14.0",
    "react-dom": "^0.14.0",
    "react-modal": "^0.6.0",
    "react-pure-render": "^1.0.2",
    "react-redux": "^4.0.0",
    "react-router": "^1.0.0-rc3",
    "redux": "^3.0.4",
    "redux-actions": "^0.8.0",
    "redux-logger": "^2.0.4",
    "redux-thunk": "^1.0.0",

My webpack.config has the loader:

{
        test: /\.svg$/,
        loader: 'svg-inline'
      },

I'm using the component like this:

<IconSVG src={require('svg-inline!../../icons/bug.svg')} />

I think the problem is related to the value being returned in the src attribute:

module.exports = &quot;<svg xmlns="\&quot;http://www.w3.org/2000/svg\&quot;"><path d="\&quot;M243.621" 156.53099999999995C190.747 213.312 205.34 304 205.34 0 160.031-64 10.812 96.625 1.562 99.625-20.688C736.558 607.375 696.746 580.5 644.746 569.75z\"></path></svg>&quot;

I'm imagining it shouldn't contain anything before/after the svg tags. Unless that's supposed to be stripped somewhere else.

Thanks again for the help.

Getting Invalid value for <path> #15

Description

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions