How to use the @projectstorm/react-diagrams.AbstractNodeFactory function in @projectstorm/react-diagrams

/**
 * Copyright 2004-present Facebook. All Rights Reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree.
 *
 * @flow
 * @format
 */
import * as React from 'react';
import * as SRD from '@projectstorm/react-diagrams';
import {DecisionNode} from './DecisionNode';
import {DecisionNodeModel} from './DecisionNodeModel';

export class DecisionNodeFactory extends SRD.AbstractNodeFactory {
  constructor() {
    super('decision');
  }

  generateReactWidget(
    diagramEngine: SRD.DiagramEngine,
    node: SRD.NodeModel,
  ): JSX.Element {
    return ;
  }

  getNewInstance() {
    return new DecisionNodeModel();
  }
}

/**
 * Copyright 2004-present Facebook. All Rights Reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree.
 *
 * @flow
 * @format
 */
import * as React from 'react';
import * as SRD from '@projectstorm/react-diagrams';
import {CircleEndNodeModel} from './CircleEndNodeModel';
import {CircleNodeEnd} from './CircleNodeEnd';

export class CircleEndNodeFactory extends SRD.AbstractNodeFactory {
  constructor() {
    super('end');
  }

  generateReactWidget(
    diagramEngine: SRD.DiagramEngine,
    node: SRD.NodeModel,
  ): JSX.Element {
    return ;
  }

  getNewInstance() {
    return new CircleEndNodeModel();
  }
}

/**
 * Copyright 2004-present Facebook. All Rights Reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree.
 *
 * @flow
 * @format
 */
import * as React from 'react';
import * as SRD from '@projectstorm/react-diagrams';
import {ForkNode} from './ForkNode';
import {ForkNodeModel} from './ForkNodeModel';

export class ForkNodeFactory extends SRD.AbstractNodeFactory {
  constructor() {
    super('fork');
  }

  generateReactWidget(
    diagramEngine: SRD.DiagramEngine,
    node: SRD.NodeModel,
  ): JSX.Element {
    return ;
  }

  getNewInstance() {
    return new ForkNodeModel();
  }
}

/**
 * Copyright 2004-present Facebook. All Rights Reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree.
 *
 * @flow
 * @format
 */
import * as React from 'react';
import * as SRD from '@projectstorm/react-diagrams';
import {JoinNode} from './JoinNode';
import {JoinNodeModel} from './JoinNodeModel';

export class JoinNodeFactory extends SRD.AbstractNodeFactory {
  constructor() {
    super('join');
  }

  generateReactWidget(
    diagramEngine: SRD.DiagramEngine,
    node: SRD.NodeModel,
  ): JSX.Element {
    return ;
  }

  getNewInstance() {
    return new JoinNodeModel();
  }
}

/**
 * Copyright 2004-present Facebook. All Rights Reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree.
 *
 * @flow
 * @format
 */
import * as React from 'react';
import * as SRD from '@projectstorm/react-diagrams';
import {CircleNodeStart} from './CircleNodeStart';
import {CircleStartNodeModel} from './CircleStartNodeModel';

export class CircleStartNodeFactory extends SRD.AbstractNodeFactory {
  constructor() {
    super('start');
  }

  generateReactWidget(
    diagramEngine: SRD.DiagramEngine,
    node: SRD.NodeModel,
  ): JSX.Element {
    return ;
  }

  getNewInstance() {
    return new CircleStartNodeModel();
  }
}