Getting error reactNodeRef must hold a reference to a ReactNode. unclear why about angular-react HOT 7 OPEN

@lygstate @bryandbs
Hi, you should import AngularReactBrowserModule in AppModule

import { AngularReactBrowserModule } from '@angular-react/core';

@NgModule({
    imports: [
        AngularReactBrowserModule,
        ....

from angular-react.

As far as I know, @angular-react/core: 1.0.1 works only when following dependencies and versions installed:

"react": "^16.6.3",
"react-dom": "^16.6.3",

My project works well with above package.json settings, hope it helps :)

from angular-react.

@yuchaosydney I updated my dependencies and reinstalled everything, still getting the same error. Even tried to use a basic react component I wrote myself, still not getting any luck. If you have a link to a project or gist where I can see how you integrated a component library, that would be very helpful

from angular-react.

I was seeing this as well (although I didn't notice any negative side effects). It goes away if I set reactNodeRef to static = true:
@ViewChild('reactNode', { static: true }) protected reactNodeRef: ElementRef;

from angular-react.

Did you have any success resolving this issue @bryandbs. I'm having the same problem

from angular-react.

Same issue

from angular-react.

I had the same error, tried all suggested fixes and it still didn't work. In my case, I forgot to set
styles: ['react-renderer']
in the declaration for my wrapper component.

from angular-react.