Cześć wszystkim, mam problem z Office UI https://developer.microsoft.com/en-us/fabric na szablonie React.
Co zrobiłem

  1. Stworzyłem projekt poleceniem dotnet new react
  2. Zainstalowałem office poleceniem npm --save install office-ui-fabric-react
  3. Importowałem komponent Fabric do pliku boot.tsx i użyłem według instrukcji.
  4. Importowałem komponent Panel do pliku Layout.tsx i użyłem według instrukcji, dodałem też przycisk który aktywuje panel.
    Gdy klikam w przycisk, w konsoli pojawia się błąd Exception in Layer.componentDidUpdate(): Invariant Violation: addComponentAsRefTo(...): Only a ReactOwner can have refs. You might be adding a ref to a component that was not created inside a component's render method, or you have multiple copies of React loaded

Wrzuciłem kod na git'a https://bitbucket.org/vaalgrindalone/dotnet-react-template-office-fabric-ui-issue/src
Co próbowałem zrobić
Alias Reacta w webpack config, jednak jakbym nie wpisał nie było efektu. Próbowałem to zrobić ponieważ podejrzewam, że jakimś sposobem w aplikacji działa 2 kopie react'a.

Zrzut ekranu błędu
https://i.stack.imgur.com/YofNd.png
Nagranie w gifie
https://giphy.com/gifs/3ohjV6gZTxE8TiqVfa