Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object.

[jason2li]

I'm having trouble even getting started. I am just trying to create a single "Like" button, but I'm getting an error.

• I only have 1 FacebookProvider on the page
• I have confirmed that my appId is correct
• The rest of the code is literally copied from the example

"bootstrap": "^4.0.0-beta",
"immutability-helper": "^2.8.1",
"jquery": "^3.3.1",
"moment": "^2.21.0",
"normalizr": "^3.2.4",
"npm": "^6.4.1",
"popper.js": "^1.11.0",
"query-string": "^5.0.1",
"react": "^16.4.2",
"react-adsense": "0.0.6",
"react-bootstrap-typeahead": "^2.3.2",
"react-cookie": "^2.1.1",
"react-datetime": "^2.14.0",
"react-dom": "^16.0.0",
"react-facebook": "^6.0.15",
"react-helmet": "^5.2.0",
"react-icons": "^2.2.7",
"react-input-mask": "^1.2.2",
"react-intl": "^2.4.0",
"react-rating": "^1.4.0",
"react-redux": "^5.0.6",
"react-router-dom": "^4.2.2",
"react-rte": "^0.16.1",
"react-scripts": "^2.0.5",
"react-sizeme": "^2.5.2",
"react-social-login": "^3.4.2",
"react-tagsinput": "^3.19.0",
"react-toastify": "^4.4.0",
"react-transition-group": "^2.2.1",
"reactstrap": "^5.0.0-beta.2",
"redux": "^3.7.2",
"redux-logger": "^3.0.6",
"redux-saga": "^0.16.0",
"redux-thunk": "^2.2.0",
"reselect": "^3.0.1",
"source-map-explorer": "^1.6.0"

This is what I get:

Uncaught Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object.

Check the render method of `Facebook`.
    at invariant (invariant.js:41)
    at createFiberFromElementType (react-dom.development.js:8322)
    at createFiberFromElement (react-dom.development.js:8266)
    at reconcileSingleElement (react-dom.development.js:9556)
    at reconcileChildFibers (react-dom.development.js:9660)
    at reconcileChildrenAtPriority (react-dom.development.js:10267)
    at reconcileChildren (react-dom.development.js:10258)
    at finishClassComponent (react-dom.development.js:10393)
    at updateClassComponent (react-dom.development.js:10366)
    at beginWork (react-dom.development.js:10755)
    at performUnitOfWork (react-dom.development.js:12787)
    at workLoop (react-dom.development.js:12895)
    at HTMLUnknownElement.callCallback (react-dom.development.js:1368)
    at Object.invokeGuardedCallbackDev (react-dom.development.js:1406)
    at invokeGuardedCallback (react-dom.development.js:1264)
    at performWork (react-dom.development.js:13015)
    at scheduleUpdateImpl (react-dom.development.js:13413)
    at scheduleUpdate (react-dom.development.js:13348)
    at scheduleTopLevelUpdate (react-dom.development.js:13620)
    at Object.updateContainer (react-dom.development.js:13649)
    at react-dom.development.js:17378
    at Object.unbatchedUpdates (react-dom.development.js:13493)
    at renderSubtreeIntoContainer (react-dom.development.js:17377)
    at Object.render (react-dom.development.js:17401)
    at Module../src/index.js (index.js:54)
    at __webpack_require__ (bootstrap:782)
    at fn (bootstrap:150)
    at Object.0 (registerServiceWorker.js:108)
    at __webpack_require__ (bootstrap:782)
    at checkDeferredModules (bootstrap:45)
    at Array.webpackJsonpCallback [as push] (bootstrap:32)

[strong0588]

make sure you import correctly. Before import FacebookProvider, { Page, CustomChat } from 'react-facebook';

After import {FacebookProvider, Page, CustomChat } from 'react-facebook';

[stxnford]

I'm having the same issue with Feed When I import other components, Page, EmbeddedPost etc. everything is fine but what I'm trying to use is Feed but I get that same error as @jason2li Did you ever get a fix for this ?