The Plugin isn't Rendering in my react App

[kaylamillerdev]

I am working on a website for my business and wanted to add the facebook messenger integration into it. (I've previously integrated fb messenger with angular using a different package). anyways, no matter what I do, the facebook integration does not show up at all.

In looking at the DOM via the Elements tab in the Dev tools, I can see where it has definitely loaded the plugin in the DOM but again, there is nothing actually showing on the screen. I've provided an image that shows the usage of the plugin as well as the error message / warning i am getting about not having associated types with the package.

EDIT: I intentionally hid the appID and PageId but in deployment I obviously wrote the values in.

I also read somewhere that facebook depreciated the use of the AppId so i am wondering if that is the issue or at least part of it.