How to use the render-media.mime function in render-media

isRenderMediaSupported() {
    // Files supported by render-media
    const { contentType } = this.props;
    return Object.values(player.mime).indexOf(contentType) !== -1;
  }

isRenderMediaSupported() {
    // Files supported by render-media
    const { contentType } = this.props;
    return (
      Object.values(player.mime).indexOf(contentType) !== -1 ||
      MediaPlayer.SANDBOX_TYPES.indexOf(contentType) > -1
    );
  }

_getMimeType () {
    return render.mime[path.extname(this.name).toLowerCase()]
  }

const outpoint = txid + ":" + nout;
    const title = metadata.title;
    const channelClaimId = claim.value && claim.value.publisherSignature
      ? claim.value.publisherSignature.certificateId
      : null;
    const channelUri = signatureIsValid && hasSignature && channelName
      ? lbryuri.build({ channelName, claimId: channelClaimId }, false)
      : null;
    const uriIndicator = ;
    const isRewardContent = rewardedContentClaimIds.includes(claim.claim_id);
    const mediaType = lbry.getMediaType(contentType);
    const player = require("render-media");
    const obscureNsfw = this.props.obscureNsfw && metadata && metadata.nsfw;
    const isPlayable =
      Object.values(player.mime).indexOf(contentType) !== -1 ||
      mediaType === "audio";

    return (
      <main>
        <section>
          {isPlayable
            ? <video>
            : metadata &amp;&amp; metadata.thumbnail
              ? 
              : }
        </video></section>
        <section>
          <div>
            <div>
              {!fileInfo || fileInfo.written_bytes &lt;= 0
                ? <span style="{{"></span></div></div></section></main>

  var index = keys.map((v) => render.mime[v]).indexOf(this.mimetype);
  if(index < 0) {

File.prototype._getExtension = function () {
  var keys = Object.keys(render.mime);
  var index = keys.map((v) => render.mime[v]).indexOf(this.mimetype);
  if(index < 0) {
    return '.unknown';
  }
  return keys[index];
};

const outpoint = txid + ":" + nout;
    const title = metadata.title;
    const channelClaimId = claim.value && claim.value.publisherSignature
      ? claim.value.publisherSignature.certificateId
      : null;
    const channelUri = signatureIsValid && hasSignature && channelName
      ? lbryuri.build({ channelName, claimId: channelClaimId }, false)
      : null;
    const uriIndicator = ;
    const isRewardContent = rewardedContentClaimIds.includes(claim.claim_id);
    const mediaType = lbry.getMediaType(contentType);
    const player = require("render-media");
    const obscureNsfw = this.props.obscureNsfw && metadata && metadata.nsfw;
    const isPlayable =
      Object.values(player.mime).indexOf(contentType) !== -1 ||
      mediaType === "audio";

    return (
      <main>
        <section>
          {isPlayable
            ? <video>
            : metadata &amp;&amp; metadata.thumbnail
              ? 
              : }
        </video></section>
        <section>
          <div>
            <div>
              {!fileInfo || fileInfo.written_bytes &lt;= 0
                ? <span style="{{"></span></div></div></section></main>

  var index = keys.map((v) => render.mime[v]).indexOf(self._mimetype);
  if(index < 0) {

File.prototype._getExtension = function () {
  var self = this;
  var keys = Object.keys(render.mime);
  var index = keys.map((v) => render.mime[v]).indexOf(self._mimetype);
  if(index < 0) {
    return '.unknown';
  }
  return keys[index];
};