ReferenceError: regeneratorRuntime is not defined with Create React App

[Kerumen]

I tried to use react-pdf@2.0.0-beta with Create React App and I got this error.

Steps to reproduce:

npm install -g create-react-app
create-react-app test-pdf
cd test-pdf
npm install react-pdf@next --save

import React, { Component } from 'react';
import { Document, Page } from 'react-pdf'
import logo from './logo.svg';
import './App.css';

class App extends Component {
  render() {
    return (
      <div className="App">
        <Document>
          <Page />
        </Document>
      </div>
    );
  }
}

export default App;

I tried to install babel-polyfill and requires it before react-pdf but it didn't solve the issue.
It's mentionned in the README that babel-polyfill is required by the library if we don't use it but I didn't find where in the code?

[wojtekmaj]

Hey,
Thank you for this report! I'm not entirely sure what's going on there. babel-polyfill is required explicitly in components that need them (being e.g. Outline). Maybe I was wrong and, in fact, it is needed in another parts of the app? Would you please attach error stack?

[Kerumen]

The best thing to do I guess it to require it once on top of your index.js file.

[Kerumen]

See: https://stackoverflow.com/questions/36619383/referenceerror-regeneratorruntime-is-not-defined-but-working-inside-a-scope

Your functions and classes are hoisted, they exists before the require. To fix this, require babel-polyfill in your entry file.

[wojtekmaj]

Fixed by #41, thank you so much @Kerumen!