How to use the blessed-contrib.donut function in blessed-contrib

function demoStuff() {
    var donut = contrib.donut({
        label: 'Test',
        radius: 8,
        arcWidth: 3,
        spacing: 2,
        yPadding: 2,
        width: '70%',
        height: '50%',
        left: 0,
        top: 0,
        draggable: true,
        border: config.border,
        data: [{
            percent: 60,
            label: '.text',
            color: 'green',
        }, {

import React from 'react';
import {} from 'react-blessed';
import { Grid, Map, createBlessedComponent } from 'react-blessed-contrib';
import contrib from 'blessed-contrib';
import throttle from 'react-throttle-render';

import { State } from '../types';

const MyBlessedWidget = createBlessedComponent(contrib.donut);

const Dashboard = ({ manager, preview, server }: State) => (
  
    
      Some text
    
    
      
        <map label="World Map!" colspan="{12}" rowspan="{4}">
        
          </map>