Facebook-чат в React не визуализируется? проблема белого списка?

Question

Я пытаюсь добавить небольшой личный чат, связанный со страницей Facebook, используя пакет «response-messenger-customer-chat» на личном веб-сайте. Это кажется довольно простым из инструкций на упаковке, но я не могу представить его на странице. Я создал очень маленькое приложение React для его тестирования. Следуя инструкциям пакета «response-messenger-customer-chat», я создал страницу FB, соединив приложение Facebook из раздела develeper с этой страницей FB. Их идентификаторы используются вместо PAGE_NUMBER и APP_NUMBER в приведенном ниже коде. Мой код:

import React from "react";
import logo from "./logo.svg";
import MessengerCustomerChat from "react-messenger-customer-chat";

import "./App.css";

function App() {
  return (
    <div className="App">
      <div>
        <MessengerCustomerChat
          pageId="PAGE_NUMBER"
          appId="APP_NUMBER"
        />
      </div>
    </div>
  );
}

export default App;

Я видел несколько решений в Интернете, в которых вам нужно было внести белый список на странице Facebook вашего домена. Нужно ли делать это также, если я тестирую на месте? Из того, что я прочитал, невозможно добавить localhost или 127.0.0.1 в белый список. Это проблема или я что-то упустил? Я вижу скрипт faebook, загруженный в DOM, но чата не видно. Спасибо

Я также пытался запустить их пример на https://github.com/Yoctol/react-messenger-customer-chat/tree/master/example, но ничего не получил.