How to use the uikit.use function in uikit

import UIkit from 'uikit'
import Icons from 'uikit/dist/js/uikit-icons'

// loads the Icon plugin
UIkit.use(Icons)

import React from "react";
import ReactDOM from "react-dom";
import Main from "./components/layout/Layout";

//import "uikit/dist/js/uikit-core.min.js";
import "uikit/dist/css/uikit.min.css";

import UIkit from "uikit";
import icons from "uikit/dist/js/uikit-icons";
window.UIkit = UIkit;
// loads the icon plugin
UIkit.use(icons);

ReactDOM.render(<main>, document.getElementById("root"));
</main>

import { unregister as unregisterServiceWorker } from './registerServiceWorker';
import { getState, getStore } from './store';
import 'uikit/dist/css/uikit.min.css';
import './css/index.css';
// Components
import Root from './components';
import Header from './components/header';
import Footer from './components/footer';
import About from './components/about';
import Dashboard from './components/dashboard';
import Event from './components/event';
import Timeline from './components/timeline';

// UIKit
UIKit.use(Icons);

// Firebase
firebase.initializeApp({
	apiKey: 'AIzaSyB22-DZ_PvhTJsA-PPf8Vs--fmcCixL-YQ',
	authDomain: 'cerebro-2018-f1052.firebaseapp.com',
	databaseURL: 'https://cerebro-2018-f1052.firebaseio.com',
	projectId: 'cerebro-2018-f1052',
	storageBucket: 'cerebro-2018-f1052.appspot.com',
	messagingSenderId: '1059299836137'
});

// Store
const store = getStore();

ReactDOM.render(

// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import App from './App'
import router from './router'
import UIkit from 'uikit'
import Icons from 'uikit/dist/js/uikit-icons'
import 'font-awesome/css/font-awesome.css'

// loads the Icon plugin
UIkit.use(Icons)

Vue.config.productionTip = false

/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  template: '',
  components: {App}
})

export function ensureInstalled(token) {
  if (installed) {
    return;
  }

  // Load UIKit and tell it to use its 'Icons' plugin
  const UIKit = require('uikit');
  const Icons = require('uikit/dist/js/uikit-icons');
  UIKit.use(Icons);

  const dayjs = require('dayjs');
  const relativetime = require('dayjs/plugin/relativeTime');
  dayjs.extend(relativetime);

  var req = new XMLHttpRequest();
  req.addEventListener('load', function() {
    installedCSRF = req.getResponseHeader('x-csrf-token');
  });
  req.open('GET', config.apiPrefix, true);
  if (token) {
    req.setRequestHeader("Authorization", "Bearer " + token);
  }
  req.send(null);

  installed = true;

/* tslint:disable */

// TODO Replace to another, lightweight library
import UIkit from 'uikit';
import Icons from 'uikit/dist/js/uikit-icons';
import '../../main';

UIkit.use(Icons);

import UIkit from 'uikit';
import Icons from 'uikit/dist/js/uikit-icons';

UIkit.use(Icons);

componentDidMount = () => {
    if (typeof window !== 'undefined') {
      const uikit = require('uikit');
      const icons = require('uikit/dist/js/uikit-icons.min');
      uikit.use(icons);
      this.setState({ ready: true });
    }
  };

import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import UIkit from 'uikit';
import Icons from 'uikit/dist/js/uikit-icons';
import { Trans } from '@lingui/macro';
import { Provider as ReduxProvider } from 'react-redux';

import AdminPanel from '../../../shared/components/AdminPanel.jsx';
import configureStore from '../../../shared/store/configureStore';

import '../../../shared/uikit.scss';
UIkit.use(Icons);

class Module extends Component {
    constructor(props) {
        super(props);
    }

    render = () => (<>
        
            Hello world from Module 2
        
    );
}

ReactDOM.render(
    (

mounted() {
    UIkit.use(Icons);
  }
});