allowedTypes as '_media' in contentType definition has no effect

[evest]

I'm using the following contentType definition:

import { contentType } from '@optimizely/cms-sdk';

export const FactCardBlock = contentType({
  key: 'FactCardBlock',
  baseType: '_component',
  displayName: 'Fact Card',
  compositionBehaviors: ['elementEnabled', 'sectionEnabled'] ,
  properties: {
    title: { type: 'string', displayName: 'Title' },
    mediaRef: { type: 'contentReference', displayName: 'Media', 
        allowedTypes: ['_media'] },
    description: { type: 'richText', displayName: 'Description' },
  },
});

See the use of allowedTypes in this: mediaRef: { type: 'contentReference', displayName: 'Media', allowedTypes: ['_media'] },

The resulting type:

Note the "Allowed Content Types" with lowercase "media".

Using this type:

Note "Select Content" on button. It is not recognizing that this is a media type.

Go back and select the "Media" in "Allowed Content Types":

The result:

The button says "Select Media", which is correct.

There seems to be a bug somewhere.

[TRomesh]

Thanks @evest. I have managed to reproduced this.

It appears to be an issue with the CMS content type synchronization. I will investigate further and update you shortly.