is not a function

[ease-space]

TypeError: objectFitPolyfill__WEBPACK_IMPORTED_MODULE_6___default(...) is not a function

[golubvladimir]

import 'objectFitPolyfill';

[brycebenson]

You can use it like it this in React (with react-video):

helpers.js

import 'objectFitPolyfill';

export const vidHelper = () => {
	const vids = Array.from(document.querySelectorAll('.video-react-video'));
	vids.forEach(vid => {
		vid.setAttribute('data-object-fit', 'cover');
		vid.setAttribute('data-object-position', 'center center');
	})
	window.objectFitPolyfill();
};

Import that into your component/root component, and add :
myComp.js

import { vidHelper } from '../../helpers'
...

componentDidMount() {
    vidHelper();
  }

You''ll need babel-polyfill also in your app to get it all working in IE11.

[roydukkey]

We probably should be creating a @types/objectFitPolyfill package. http://blog.wolksoftware.com/contributing-to-definitelytyped

[cee-chen]

Closing this issue as I've added @brycebenson's super helpful instructions + a link to his comment in the README (so this will hopefully trip up less folks going forward, apologies this took so long).

@roydukkey, I'd definitely be happy to take a PR for types, but not sure I have the bandwidth to do so myself - feel free to open a separate issue for that!

EDIT: I had a little bit of time today and turns out the typescript defs are much easier than I thought (no @types package needed either), since the polyfill is a super small global library. I've added a global.d.ts file as of version 2.3.4 that should quiet any Typescript complaints when using window.objectFitPolyfill().