How To Build Disqus Webapi Integration With Help Of React Functional Component

export interface DisqusCommentProps {
  title: string;
  identifier: string;
  url: string;
  shortname: string;
}

import * as React from 'react';
import { Comment } from 'react-disqus-components';

export const MyComponent = () => {
  const pageTitle = 'My Page Title';
  const disqusConfig = {
    identifier: '', // your page uniq id
    url: '', // uslug url
    shortname: '' // disqus shortname
  };

  return (
    <Comment
      title={pageTitle}
      identifier={disqusConfig.identifier}
      url={disqusConfig.url}
      shortname={disqusConfig.shortname}
    />
  );
};