CustomComponent.js

import React from 'react';
import React3 from 'react-three-renderer';
import THREE from 'three';
import {Timber as TimberComponent} from '../../../../core/components/Timber';

export default class LongitudinalCut010 extends React.Component {

    vertices: array;

    faces: array;

    constructor(props, context) {
        super(props, context);

        this.updateVertices(props);
    }

    updateVertices(newProps) {
        
        this.vertices = [
            // update vertices based on props
        ];

        this.faces = [
           // update faces based on props
        ];
    }

    componentWillReceiveProps(nextProps) {
        // update geometry with new props
        this.updateVertices(nextProps);
    }

    render() {
        const {transformation} = this.props;

        return (
            <mesh
                ref="transformation3D"
                visible={true}
            >
                <geometry
                    name={transformation.id}
                    vertices={this.vertices}
                    faces={this.faces}
                />

                <materialResource resourceId={'transformationMaterial'} />
            </mesh>
        );
    }
}