Widget for GitHub comments using Utterance widget

Utterance Widget React.md

import React, { Component } from "react";

export default class Comments extends Component {
	constructor(props) {
		super(props);
		this.commentBox = React.createRef();
	}

	componentDidMount() {
		let scriptEl = document.createElement("script");
		scriptEl.setAttribute("src", "https://utteranc.es/client.js");
		scriptEl.setAttribute("crossorigin", "anonymous");
		scriptEl.setAttribute("async", true);
		scriptEl.setAttribute("repo", "evavic44/rocketmeme");
		scriptEl.setAttribute("issue-term", "Reviews & Feedback");
		scriptEl.setAttribute("theme", "github-light");
		this.commentBox.current.appendChild(scriptEl);
	}

	render() {
		return (
			<div style={{ width: "100%" }}>
				<div ref={this.commentBox}></div>
			</div>
		);
	}
}

import Comments from "..src...";
// Add this to the preffered page you want utterance to show on.
<Comments />