application.js

import React from 'react';
import { render } from 'react-dom';
import Interactive from './interactive'

const activateCallback = () => {
    console.log("activateCallback invoked");
}

export default class Application extends React.Component {
    render() {
        return (
            <Interactive activate={activateCallback} />
        )
    }
}

render(<Application />, document.querySelector('#application'));

interactive.js

import React from 'react';
import callbackRegister from "react-callback-register"

@callbackRegister
export default class Interactive extends React.Component {

    @callbackRegister.on('mouseDown')
    activate(e) {
        this.props.activate(e)
    }

    render() {
        const {activate, ...other} = this.props;

        return (
            <div {...other} {...this.callbacks}>
                Interactive
            </div>
        )
    }
}

Thanks to https://github.com/unicorn-standard/react-callback-register