How to rewrite react mixins in React es6?

Question

React

Good afternoon, I'm trying to migrate a project from React es5 to React es6, and I ran into a problem, namely mixins.
I have a component like this

var BasicProfileComponent = React.createClass({

    mixins: [GoogleMapApi],

    componentWillMount: function() {
        this.initializeGoogleMapApi(this.onGoogleApiLoaded);
    }
)}

and mixin to it

var GoogleMapApi = {
  initializeGoogleMapApi: function(callback) {
    if (window.apiLoaded) {
      callback();
    }

    // adding calback to a queue
    this.pullOfCallbacks.push(callback);
  }
}

How can I rewrite this component to React.Component and use mixins inside it, or how can I make an alternative record of this mixin?

Answer 1

Too little data. Here, an option may be suitable both with transferring logic to component methods, and using HOC or Hooks API.