Using umbraco 11.2.0

I are trying to create a custom upload dropzone as I want to be able to trigger custom events of of it to process.

All is working. with the code the umbraco code. However line

mediaTypeHelper.getAllowedImagetypes($scope.startNodeId)

returns the six options that are available in the media section. and not my custom own mediaType (created in the backoffice media types sectrion).

Note: I have 8 media types but when you goto the media section there is only 6 to choose from.

If I use

mediaTypeResource.getAll()

I get all 8 options but there seems to be a difference in the information returned and therefor later in the umbraco code when the filters are applied it errors out.

My question and I think the correct solution to be would be as simple as the media section recognising all 8 mediaTypes but how do I do this.