Polyfill for [self].map?

Hi, I’m using this exciting library in a create-react-app project. It seems that some polyfills are missing as I’m seeing errors for IE11 and mobile user when using map.

Error: Cannot read property 'map' of undefined

For instance for env: Chrome Mobile WebView Version:37.0.0 Android Version:5.0.2

Importing following in index.ts

import 'react-app-polyfill/ie11';
import 'react-app-polyfill/stable';
import 'core-js/features/number/is-integer';
import '@hookstate/proxy-polyfill';

Code:

import { useState, self, State } from '@hookstate/core';
import LoaderState from '../state/LoaderState';

export default function useLoaderState() {
  const loadingState = useState(LoaderState);

  return loadingState[self].map((state: State<boolean>) => ({
    get loading() {
      return state.get();
    },
    dispatchLoading(val: boolean) {
      state.set(val);
    },
    toggleLoading() {
      state.set((val: boolean) => !val);
    },
  }));
}

with LoaderState:

import { createState } from '@hookstate/core';

const LoaderState = createState<boolean>(false);

export default LoaderState;

Any suggestions?

[avkonst]

Dev branch is here: https://github.com/avkonst/hookstate/tree/version-3

[MainAero]

Just upgraded to v3. Thanks a lot