params.path.substr is not a function

[Ethan-Arrowood]

I am building a React application with webpack and I am loading bodymovin.js through my index.html file and loading it using webpack 2 externals property (This all works fine however...)

When I give my code a run in the browser I get an error from the bodymovin.js file:
params.path.substr is not a function line 7465

Please advise
Thank you!

[bodymovin]

are you passing the animation as an object or as a path to a json file?
is it possible that webpack is importing and inlining it?

[Ethan-Arrowood]

I am using inside my React component render() {} method:
bodymovin.loadAnimation({
container: document.getElementById('fire'),
animType: 'svg',
loop: true,
prerender: true,
autoplay: true,
path: data
})

and fyi data is a variable declared like so:
import data from './components/data.json';

[Ethan-Arrowood]

OMG It all just clicked. Your js needs that path prop to be a string not an imported object. Okay let me see what I can do now.

[bodymovin]

instead of using "path" use "animationData" and pass that object. It should work as well.
No need to revert to a path string.

[Ethan-Arrowood]

Everything works! Thank you so much 💯

[bodymovin]

nice!