jQuery Waypoint вообще не запускается в проекте React

Question

Я использую реакцию, чтобы создать приложение, и я только что установил jquery и jquery-waypoints. Я пытаюсь проверить положение элемента, когда он появляется на экране, и если он не там, где я хочу, то я попытаюсь изменить положение этого элемента. Я пробовал jquery.appear перед jquery-waypoints, и аналогично, он просто не срабатывал, когда я говорил об этом.

Вот как выглядит мой код:

...
var $ = require("jquery");
import 'jquery-waypoints/waypoints.min.js';
...
class Application extends SearchkitComponent<any, any> {

 render() {
   ...
   $(document).ready(function() {
     $(".rc-calendar").waypoint(function(){
       console.log("I showed up");   
     }, {context: 'div [data-reactroot=""]'});
   });

   /* I also tried without the context parameter above*/

    return (<div>
       ...
    );
 }
}

ReactDOM.render(<Application />, document.getElementById('example2'));

/* I also tried jquery waypoint here and nothing happened as well */

Параметр контекста 'div [data...]' является родительским элементом для.rc-calendar (не является прямым родителем). Я не получаю никаких ошибок, и я уверен, что jquery-waypoints установлены правильно, но независимо от того, что я делаю, я никогда не вижу "я появился" в моей консоли. Я также пытался без $(документ).ready.