How to use the pdfmake/build/vfs_fonts.pdfMake function in pdfmake

import {Grid, Row, Col, Table} from 'react-bootstrap';
import {Card, CardHeader, CardText} from 'material-ui/Card';
import SelectField from 'material-ui/SelectField';
import AutoComplete from 'material-ui/AutoComplete';
import MenuItem from 'material-ui/MenuItem';
import RaisedButton from 'material-ui/RaisedButton';
import styles from '../../styles/material-ui';
import {Api, translate, DataTable} from 'egov-common-utility';

import $ from 'jquery';
import 'datatables.net-buttons/js/buttons.html5.js';// HTML 5 file export
import 'datatables.net-buttons/js/buttons.flash.js';// Flash file export
import jszip from 'jszip/dist/jszip';
import pdfMake from "pdfmake/build/pdfmake";
import pdfFonts from "pdfmake/build/vfs_fonts";
pdfMake.vfs = pdfFonts.pdfMake.vfs;

var _this;
var flag = 0;

const getNameById = function(source, id, text){
  // console.log(source, id, text);
  let type = source.find(x => x.id == id);
  // console.log(id, text);
  if(text){
    var value = text.split('.');
    if(value.length > 1){
      var obj={};
      return type ? type[value[0]][value[1]] : '';
    }else
      return type ? type[text] : '';
  }else{

import React, {Component} from 'react';
import {connect} from 'react-redux';
import {Grid, Row, Col, Table} from 'react-bootstrap';
import {Card, CardHeader, CardText} from 'material-ui/Card';
import Api from '../../../../../api/api';
import styles from '../../../../../styles/material-ui';
import {translate} from '../../../../common/common';

import $ from 'jquery';
import 'datatables.net-buttons/js/buttons.html5.js';// HTML 5 file export
import 'datatables.net-buttons/js/buttons.flash.js';// Flash file export
import jszip from 'jszip/dist/jszip';
import pdfMake from "pdfmake/build/pdfmake";
import pdfFonts from "pdfmake/build/vfs_fonts";
pdfMake.vfs = pdfFonts.pdfMake.vfs;

var flag = 0;
var _this;

const getNameById = function(object, id, property = "") {
  if (id == "" || id == null) {
        return "";
    }
    for (var i = 0; i < object.length; i++) {
        if (property == "") {
            if (object[i].id == id) {
                return object[i].name;
            }
        } else {
            if (object[i].hasOwnProperty(property)) {
                if (object[i].id == id) {

// require('datatables.net-buttons/js/buttons.colVis.js'); // Column visibility
// require('datatables.net-buttons/js/buttons.html5.js'); // HTML 5 file export
// require('datatables.net-buttons/js/buttons.flash.js'); // Flash file export
// require('datatables.net-buttons/js/buttons.print.js'); // Print view button

import $ from 'jquery';
import 'datatables.net-buttons/js/buttons.html5.js';// HTML 5 file export
import 'datatables.net-buttons/js/buttons.flash.js';// Flash file export
import jszip from 'jszip/dist/jszip';
import pdfMake from "pdfmake/build/pdfmake";
import pdfFonts from "pdfmake/build/vfs_fonts";
import 'datatables.net-buttons/js/buttons.flash.js';
import 'datatables.net-buttons-bs';


pdfMake.vfs = pdfFonts.pdfMake.vfs;

var enumWithUnderscore = [{
	propertyName: "rateType"
}]

class CustomUiTable extends Component {
	constructor(props) {
       super(props);
       this.state = {};
  }

  componentWillUnmount() {
			if($.fn.DataTable.isDataTable('#searchTable')) {
    		$('#searchTable').DataTable().destroy(true);
		  }
  }

import UiDynamicTable from '../../framework/components/UiDynamicTable';
import {fileUpload} from '../../framework/utility/utility';
import UiTable from '../../framework/components/UiTable';
import {getFullDate} from '../../framework/utility/utility';
import {Grid, Row, Col, Table, DropdownButton} from 'react-bootstrap';
import jp from "jsonpath";
import $ from 'jquery';
import 'datatables.net-buttons/js/buttons.html5.js';// HTML 5 file export
import 'datatables.net-buttons/js/buttons.flash.js';// Flash file export
import jszip from 'jszip/dist/jszip';
import pdfMake from "pdfmake/build/pdfmake";
import pdfFonts from "pdfmake/build/vfs_fonts";
import 'datatables.net-buttons/js/buttons.flash.js';
import 'datatables.net-buttons-bs';

pdfMake.vfs = pdfFonts.pdfMake.vfs;

var specifications={};

const nameMap = {
  "PT_NODUES": "Property Tax No Dues",
  "WC_NODUES": "Water Charges No Dues",
  "CREATED": "Created",
  "WATER_NEWCONN": "New Water Connection",
  "BPA_FIRE_NOC": "Fire NOC"
};

let reqRequired = [];
class Report extends Component {
  state={
    pathname:""
  }

import UiButton from '../../framework/components/UiButton';
import UiDynamicTable from '../../framework/components/UiDynamicTable';
import {fileUpload} from '../../framework/utility/utility';
import ServerSideTable from '../../common/table/ServerSideTable';
import $ from 'jquery';
import ReactPaginate from 'react-paginate';
import {Grid, Row, Col, Table} from 'react-bootstrap';
import 'datatables.net-buttons/js/buttons.html5.js';// HTML 5 file export
import 'datatables.net-buttons/js/buttons.flash.js';// Flash file export
import jszip from 'jszip/dist/jszip';
import pdfMake from "pdfmake/build/pdfmake";
import pdfFonts from "pdfmake/build/vfs_fonts";
import 'datatables.net-buttons/js/buttons.flash.js';
import 'datatables.net-buttons-bs';

pdfMake.vfs = pdfFonts.pdfMake.vfs;

var specifications={};

let reqRequired = [];
class Report extends Component {
  state={
    pathname:""
  }
  constructor(props) {
    super(props);
    this.state = {
      showResult: false,
    resultList : [],
      values: [],
      isSearchClicked:false,
      pageCount:0

const createPdf = () => {
  const pdf = pdfMake;
  pdf.vfs = pdfFonts.pdfMake.vfs;
  pdfMake.createPdf(docDefinition).download();
};

import { saveAs } from 'file-saver';
import {
  EXPORT_CONFIG_BY_TYPE,
  CBOARD_OBF_CONSTANTS,
  CBOARD_COLUMNS,
  CBOARD_EXT_PREFIX,
  CBOARD_EXT_PROPERTIES,
  CBOARD_ZIP_OPTIONS
} from './Export.constants';
import {
  isCordova,
  requestCvaWritePermissions,
  writeCvaFile
} from '../../../cordova-util';

pdfMake.vfs = pdfFonts.pdfMake.vfs;

const imageElement = new Image();

function toSnakeCase(str) {
  const value = str.replace(/([A-Z])/g, $1 => '_' + $1.toLowerCase());
  return value.startsWith('_') ? value.slice(1) : value;
}

function getOBFButtonProps(tile = {}, intl) {
  const button = {};

  const tileExtProps = CBOARD_EXT_PROPERTIES.filter(key => !!tile[key]);
  tileExtProps.forEach(key => {
    const keyWithPrefix = `${CBOARD_EXT_PREFIX}${toSnakeCase(key)}`;
    button[keyWithPrefix] = tile[key];
  });

var pdfMake = require("pdfmake/build/pdfmake");
var pdfFonts = require("pdfmake/build/vfs_fonts");
pdfMake.vfs = pdfFonts.pdfMake.vfs;
var fs = require("fs");
var jsdom = require("jsdom");
var { JSDOM } = jsdom;
var { window } = new JSDOM("");
var htmlToPdfMake = require("./index.js");
//var util = require("util");

var html = htmlToPdfMake(`
  Simple text
  <div>
    <h1>Title Level 1</h1>
    <h2 style="color:green;margin-bottom:10px">Title Level 2</h2>
    <h3>Title Level 3</h3>
    <h4>Title Level 4</h4>
    <h5>Title Level 5</h5>
    <h6>Title Level 6</h6></div>

exportPdf() {
      if (!this.post) return;
      const docDefinition = createDocumentDefinitionFromPost(this.post);

      if (docDefinition) {
        pdfMake.vfs = pdfFonts.pdfMake.vfs;
        pdfMake.createPdf(docDefinition).download();
      }
    }
  }

constructor() {
    this.pdfMake = pdfMakeCore;
    this.pdfMake.vfs = pdfMakeFonts.pdfMake.vfs;
  }