TypeError: Cannot read property 'getChildContext' of undefined when trying to switch to Preact existing project (with redux)

Ahoy.

I am currently trying to switch existing project (react v16.8 + react-redux v7.1) to preact (trying v10) by using preact & preact/compat aliases in webpack config. And encountering next problem on application start ->

TypeError: Cannot read property 'getChildContext' of undefined

caused by usage of Provider component (from react-redux).

Code itself ->

import React from 'react';
import { Provider } from 'react-redux';
import { PersistGate } from 'redux-persist/integration/react';


export const createEntrypoint = (ApplicationComponent, { store, persistor, playerInstance }) => (
  <Provider store={store}>
    <PersistGate loading={null} persistor={persistor}>
      <ApplicationComponent playerInstance={playerInstance} />
    </PersistGate>
  </Provider>
);

Following to the preact-module code it says that Provider has an ‘undefined’ value as ‘this’ (create-context file, https://github.com/preactjs/preact/blob/master/src/create-context.js#L14).

Same code works well without Provider so can’t figure out what is wrong. Demo from this repo, with redux Provider usage works as well.

Any information will be much appreciated.

[adam4leos]

I can confirm that this issue caused by conflicts with react-hot-loader. Disabling react-hot-loader removes the problem.

I’ll try to find out what exactly conflicting, and maybe create same issue for react-hot-loader.

[dangreen]

@marvinhagemeister https://github.com/gaearon/react-hot-loader/issues/1445#issuecomment-618726809