title: why would react-table get an error "react is undefined"
body: <p>I'm trying to integrate react-table into my application and I'm getting an error on the line <code>import { useTable } from 'react-table'</code>. </p>
  
  <p><code>TypeError: React is undefined</code></p>
  
  <p>The error happens on the line <code>var safeUseLayoutEffect = typeof document !== 'undefined' ? React.useLayoutEffect : React.useEffect;</code> in react-table.development.js. </p>
  
  <p>Why would react itself be undefined?</p>
  
  <pre><code>
  import React from 'react'
  import ReactDOM from 'react-dom'
  import PropTypes from 'prop-types'
  
  import { useTable } from 'react-table'
  
  
  export default class Taxonomies extends React.Component {
  
      taxonomyRows = () =&gt; {
          return data = React.useMemo(
              () =&gt; [
              {
                  full_code: '1',
                  level1: 'a',
                  level2: 'b',
                  level3: 'c',
                  level4: 'd'
              },
              {
                  full_code: '2',
                  level1: 'e',
                  level2: 'f',
                  level3: 'g',
                  level4: 'h'
              },
              {
                  full_code: '3',
                  level1: 'i',
                  level2: 'j',
                  level3: 'k',
                  level4: 'l'
              },
              ],
              []
          )
      }
  
      taxonomyColumns = () =&gt; {
          return columns = React.useMemo(
            () =&gt; [
              {
                Header: 'Full Code',
                accessor: 'full_code',
              },
              {
                Header: 'Level 1',
                accessor: 'level1',
              },
              {
                Header: 'Level 2',
                accessor: 'level2',
              },
              {
                Header: 'Level 3',
                accessor: 'level3',
              },
              {
                Header: 'Level 4',
                accessor: 'level4',
              },
            ],
            []
          )
      }
  
  
      render = () =&gt; {
          const columns = this.taxonomyColumns()
          const data = this.taxonomyRows()
          const {
              getTableProps,
              getTableBodyProps,
              headerGroups,
              rows,
              prepareRow,
          } = useTable({ columns, data })
  
          return (
              &lt;div&gt; x&lt;/div&gt;
          )
      }
  }
  
  </code></pre>