powerbi-react

These components wrap PowerBI Javascript SDK functionality.

Usage

import { Report } from 'powerbi-react'

const reportId

// see https://docs.microsoft.com/en-us/rest/api/power-bi/embedtoken
const powerbiEmbedUrl
const powerbiEmbedToken

export default function Foo () {
  const props = {
    reportId,
    powerbiEmbedUrl,
    powerbiEmbedToken,
    width: '30rem',
    height: '450px',
    filterPaneEnabled: true,
    navContentPaneEnabled: false,

    onBookmarksLoaded: console.log,
    onBoomarkApplied: console.log,
    onPagesLoaded: console.log,
    onReportLoaded: console.log,
    onDataSelected: console.log
  }
  return <Report {...props} />
}