powerbi embedded embed token: setting access level

I am using javascript so the SDK is not available to me.

Here is the component that I am using (This is in React)

import React, { Component } from "react";
import PropTypes from "prop-types";
import pbi from "powerbi-client";

/* global powerbi */
export class PBIReport extends Component {
  constructor(props) {
    super(props);
    this.component = null;
    let setViewMode;

    if (this.props.mode === "Edit") {
      setViewMode = pbi.models.ViewMode.Edit;
    } else {
      setViewMode = pbi.models.ViewMode.View;
    }
    this.state = {
      type: "report",
      tokenType: pbi.models.TokenType.Embed,
      viewMode: setViewMode,
      permissions: pbi.models.Permissions.All,
      settings: {
        filterPaneEnabled: this.props.filterPaneEnabled,
        navContentPaneEnabled: this.props.navContentPaneEnabled
      },
      rendered: false
    };
  }

  componentDidMount() {
    this.updateState(this.props);
  }

  componentWillReceiveProps(nextProps) {
    this.updateState(nextProps);
  }

  componentDidUpdate() {
    if (this.validateConfig(this.state) && !this.state.rendered) {
      return this.embed(this.state);
    }
  }

  componentWillUnmount() {
    this.reset();
  }

  embed(config) {
    var _this = this;
    this.component = powerbi.embed(this.rootElement, config);
    if (this.props.onEmbedded) {
      this.props.onEmbedded(this.component);
    }

    this.component.on(
      "rendered",
      function() {
        if (_this.state.rendered === false) _this.setState({ rendered: true });
      },
      _this
    );
    return this.component;
  }

  reset() {
    powerbi.reset(this.rootElement);
    this.component = null;
  }

  updateState(props) {
    const nextState = Object.assign({}, this.state, props, {
      settings: {
        filterPaneEnabled: this.props.filterPaneEnabled,
        navContentPaneEnabled: this.props.navContentPaneEnabled
      }
    });
    /**
     * This property must be removed from the state object so that it doesn't get used in the embedConfig.
     * This would be passed to `powerbi.embed(element, embedConfig)` and attempted to be sent over postMessage;
     * however, functions cannot be cloned and it will fail.
     */
    delete nextState.onEmbedded;
    this.setState(nextState);
  }

  validateConfig(config) {
    const errors = pbi.models.validateReportLoad(config);
    return errors === undefined;
  }

  render() {
    return (
      <div className="powerbi-frame">
        <div className="powerbi-frame" ref={ref => (this.rootElement = ref)} />
      </div>
    );
  }
}

PBIReport.propTypes = {
  accessToken: PropTypes.string,
  embedUrl: PropTypes.string
};

export default PBIReport;

And here is the Report Component the uses the PBIReport component

import React, { Component } from "react";
import PBIReport from "components/powerBI/components/powerbi-report";

class Report extends Component {
  constructor(props) {
    super(props);

    this.state = {
      mode: "Edit"
    };
  }

  onEmbedded(embed) {
    console.log(`Report embedded: `, embed, this);
  }
  render() {
    return (
      <div style={{ height: "100%", minHeight: "100%" }}>
        <div style={{ height: "100%" }}>
          <PBIReport
            id={curRptConfig.id}
            embedUrl={"https://app.powerbi.com/reportEmbed"}
            accessToken={embeddedToken}
            filterPaneEnabled={false}
            navContentPaneEnabled={true}
            onEmbedded={this.onEmbedded}
            mode={mode}
          />
        </div>
      </div>
    );
  }
}

export default Report;

The id and accessToken are returned from the Server partially using the method i posted in the original post.

I would think if the getEmbedToken function was getting an embed Token with a "View" accessLevel that the power bi service would throw back an error if you tried to access the "Edit" view. But, that does not seem to be happening. 

Thanks for the help!