'Materialize' is not defined

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;

I have add package materialize css with npm in react. When I call this Materialize.scrollFire() function then it will show Materialize is not defined. Anyone tell me the correct way of import this Materialize. Thanks everyone...

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() {  }