Render Canny's feedback widget in ReactJS

CannyWidget.js

import PropTypes from 'prop-types';
import React, { Component } from 'react';

const BoardToken = 'YOUR_BOARD_TOKEN';

export default class CannyWidget extends Component {
  static contextTypes = {
    viewer: PropTypes.shape({
      ssoToken: PropTypes.string,
    }),
  };

  componentDidMount() {
    const { viewer: { ssoToken } } = this.context;
    Canny('render', {
      boardToken: BoardToken,
      basePath: '/feedback',
      ssoToken: ssoToken,
    });
  }

  render() {
    return (
      <div data-canny />
    );
  }
}