«Материализация» не определена

Question

import React, { Component } from 'react';
import 'materialize-css/dist/css/materialize.min.css'
import Materialize from 'materialize-css'
import './assets/css/main.css'

import Navbar from './components/navbar'

class App extends Component {

  componentDidMount() {
    const options = [
      {
        selector: '.main-text',
        offset: 0,
        callback: function(el) {
          Materialize.fadeInImage(el)
        }
      }
    ]

    Materialize.scrollFire(options)
  }
  
  render() {
    return (
      <div>
        <Navbar />
      </div>
    );
  }
}

export default App;

Я добавил пакет, создающий css с npm в реакции.Когда я вызываю эту функцию Materialize.scrollFire (), она показывает Materialize не определено .Кто-нибудь сказать мне правильный способ импорта этого материализовать.Спасибо всем ...

import 'materialize-css/dist/css/materialize.min.css'
import Materialize from 'materialize-css'

class App extends Component {

  componentDidMount() {
    const options = [
      {
        selector: '.main-text',
        offset: 0,
        callback: function(el) {
          Materialize.fadeInImage(el)
        }
      }
    ]

    Materialize.scrollFire(options)
  }
 
 render() {  }