Uncaught TypeError is not a function

Hi, thank you for this library, unfortunately I have problems with integrating it. Here is a simple component

export class Logout extends React.Component<ILogoutProps> {
  @resolve(USE_CASE_SERVICE_TYPES.AUTH_USE_CASE_HANDLER)
  private authUseCase;
......
}

Firstly, I have an error inside IDE

I have provided an inversify container as follows

const render = Component =>
  ReactDOM.render(
    <ErrorBoundary>
      <AppContainer>
        <DiProvider container={getRootDiContainer()}>
          <Provider store={store}>
            <div>
              {/* If this slows down the app in dev disable it and enable when required  */}
              {devTools}
              <Component/>
            </div>
          </Provider>
        </DiProvider>
      </AppContainer>
    </ErrorBoundary>,
    rootEl
  );
render(AppComponent);

Unfortunately when I try to run application I get the next error

Uncaught TypeError: inversify_react__WEBPACK_IMPORTED_MODULE_4___default(...) is not a function
    at logout.tsx:12
    at Module.<anonymous> (logout.tsx:33)
    at Module../src/main/webapp/app/modules/login/logout.tsx (logout.tsx:42)
    at __webpack_require__ (bootstrap:787)
    at fn (bootstrap:150)
    at Module.<anonymous> (routes.tsx:1)
    at Module../src/main/webapp/app/routes.tsx (routes.tsx:46)
    at __webpack_require__ (bootstrap:787)
    at fn (bootstrap:150)
    at Module.<anonymous> (app.scss?d624:45)
client:77 

What could be wrong with my configuration?

Thank you so much.

[Kukkimonsuta]

Actually I think i see what the issue is - any chance you are doing import resolve from 'inversify-react' instead of import { resolve } from 'inversify-react'?

[Kukkimonsuta]

Happy to help 😃