onChange (в реакции) не вызывает функции при использовании в отдельном файле js компонента. Работает, если входы встроены в приложение. js

Question

У меня проблема с компонентами ImageLinkForm. js. «OnChange» не вызывает функцию «onInputChange» во время изменения входных данных. Однако хорошо работать, если переместить поле ввода на App. js. Пробовал как Microsoft Edge, так и google chrome. Не могли бы вы помочь?

import React, { Component } from 'react';
import Navigation from './components/Navigation/Navigation';
import Logo from './components/Logo/Logo';
import ImageLinkForm from './components/ImagelinkForm/ImageLinkForm';
import Rank from './components/Rank/Rank';
import Particles from 'react-particles-js';
import './App.css';

const particleOption = {
  particles: {
    number: {
      value: 100,
      density: {
        enable: true,
        value_area: 800
      }
    }
  }
}

class App extends Component {
  constructor () {
    super ()
    this.state = {
      input: '',
    }
  }

  onInputChange = (event) => {
    console.log(event.target.value);
  }

  onButtonSubmit = () => {
    console.log ('click');
  }

  render() {
         return (
        <div>
          <Particles className='particles'
            params={particleOption}/>
          <Navigation />
          <Logo />
          <Rank />
          <ImageLinkForm 
            onInputChanget = {this.onInputChange} 
            onButtonSubmit = {this.onButtonSubmit}
          />            
          {
            // <FaceRecognition />
          }          
        </div>
    );
  }
}

export default App;


````

here is the code for App.js and ImageLinkForm.