[JavaScript] TypeError: Cannot read property 'registerType' of undefined using adaptivecard-fabric

Platform

• JavaScript

Version of SDK

latest

Details

I was trying to style my adaptive cards using module adaptivecards-fabric as mentioned in the repo by using

    ACFabric.useFabricComponents();

but Iam getting the following error

TypeError: Cannot read property ‘registerType’ of undefined

I checked the AdaptiveCard class definition in node modules and could not find any property elementTypeRegistry.

Can someone help me with this issue? Or can someone tell me if there is any other way to style adaptive cards using fabric ui?

Here is the whole stack trace:

    at Object.t.useFabricComponents (Fabric.js:17)
    at t.componentDidMount (ImmersiveIframe.tsx:32)
    at us (react-dom.production.min.js:212)
    at Tl (react-dom.production.min.js:255)
    at t.unstable_runWithPriority (scheduler.production.min.js:19)
    at Go (react-dom.production.min.js:122)
    at wl (react-dom.production.min.js:248)
    at pl (react-dom.production.min.js:239)
    at react-dom.production.min.js:123
    at t.unstable_runWithPriority (scheduler.production.min.js:19)

[dclaux]

@sadviramana for now the Fabric integration is not yet compatible with the AC SDK v2.0 and later. We do know this is a problem and are working to find the right people to update the Fabric integration library.

[michal-turzynski]

@dclaux any luck with this issue?