Add support for @contentful/app-sdk

I am working on creating an entry editor for some content model. I am using @contentful/app-sdk and @contentful/forma-36-react-components. I am able to have the UI the way I want with the forma-36 components but I also want to use @contentful/field-editor-reference to have access to the original functionality of the field.

The problem I am running into is when I pass sdk to the MultipleEntryReferenceEditor component from @contentful/field-editor-reference. I get the following error

Type ‘import("/node_modules/@contentful/app-sdk/dist/types").FieldExtensionSDK’ is not assignable to type ‘import("/node_modules/contentful-ui-extensions-sdk/dist/types").FieldExtensionSDK’.

I believe Contentful recommends using @contentful/app-sdk over contentful-ui-extensions-sdk but @contentful/field-editor-reference has a transient dependency on contentful-ui-extensions-sdk.

[tonyneel923]

In case anyone comes across this bug as well you can hack a solution together from entry editor sdk like so

const sdkCast: FieldExtensionSDK  = {
    ...sdk,
    field: sdk.entry.fields["fieldName"].getForLocale('en-US')
  } as FieldExtensionSDK

[tonyneel923]

@suevalov if I run yarn add @contentful/field-editor-reference@latest and then pass sdk from entry editor to MultipleEntryReferenceEditor I get the same error as above.

What is the way to fix this?