Comments (7)
@karanmartian can you elaborate more? It seems to be working with React 16 just fine.
from react-email-editor.
He may be talking about suppressing peer dependency warnings by updating this.
from react-email-editor.
@karanmartian @dadamssg we have updated this to support React 16. Can you confirm?
from react-email-editor.
Hi @adeelraza sorry for the late response, I have been busy. But even I install the latest version I am getting following error on the console. I am attaching my code. It was working fine with React 15 and still breaks with React 16.
AddMod.zip
warning.js?d575:33 Warning: React.createElement: 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 AddMod
.
in AddMod (created by Connect(AddMod))
in Connect(AddMod) (created by RouterContext)
in RouterContext (created by Router)
in Router
in Provider
printWarning @ warning.js?d575:33
warning @ warning.js?d575:57
createElementWithValidation @ react.development.js?aef8:1296
render @ AddMod.js?aa88:84
tryRender @ index.js?adf2:34
proxiedMethod @ createPrototypeProxy.js?6413:44
finishClassComponent @ react-dom.development.js?f8c1:8389
updateClassComponent @ react-dom.development.js?f8c1:8357
beginWork @ react-dom.development.js?f8c1:8982
performUnitOfWork @ react-dom.development.js?f8c1:11814
workLoop @ react-dom.development.js?f8c1:11843
renderRoot @ react-dom.development.js?f8c1:11874
performWorkOnRoot @ react-dom.development.js?f8c1:12449
performWork @ react-dom.development.js?f8c1:12370
performSyncWork @ react-dom.development.js?f8c1:12347
requestWork @ react-dom.development.js?f8c1:12247
scheduleWorkImpl @ react-dom.development.js?f8c1:12122
scheduleWork @ react-dom.development.js?f8c1:12082
scheduleRootUpdate @ react-dom.development.js?f8c1:12710
updateContainerAtExpirationTime @ react-dom.development.js?f8c1:12738
updateContainer @ react-dom.development.js?f8c1:12765
ReactRoot.render @ react-dom.development.js?f8c1:16069
(anonymous) @ react-dom.development.js?f8c1:16488
unbatchedUpdates @ react-dom.development.js?f8c1:12557
legacyRenderSubtreeIntoContainer @ react-dom.development.js?f8c1:16484
render @ react-dom.development.js?f8c1:16543
window.webappStart @ client.js?f17d:39
(anonymous) @ gmail:43
invariant.js?2809:42 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 AddMod
.
at invariant (invariant.js?2809:42)
at throwOnInvalidElementType (react-dom.development.js?f8c1:5393)
at createFiberFromElement (react-dom.development.js?f8c1:5359)
at createChild (react-dom.development.js?f8c1:7554)
at reconcileChildrenArray (react-dom.development.js?f8c1:7805)
at reconcileChildFibers (react-dom.development.js?f8c1:8121)
at reconcileChildrenAtExpirationTime (react-dom.development.js?f8c1:8240)
at reconcileChildren (react-dom.development.js?f8c1:8231)
at updateHostComponent (react-dom.development.js?f8c1:8539)
at beginWork (react-dom.development.js?f8c1:8986)
invariant @ invariant.js?2809:42
throwOnInvalidElementType @ react-dom.development.js?f8c1:5393
createFiberFromElement @ react-dom.development.js?f8c1:5359
createChild @ react-dom.development.js?f8c1:7554
reconcileChildrenArray @ react-dom.development.js?f8c1:7805
reconcileChildFibers @ react-dom.development.js?f8c1:8121
reconcileChildrenAtExpirationTime @ react-dom.development.js?f8c1:8240
reconcileChildren @ react-dom.development.js?f8c1:8231
updateHostComponent @ react-dom.development.js?f8c1:8539
beginWork @ react-dom.development.js?f8c1:8986
performUnitOfWork @ react-dom.development.js?f8c1:11814
workLoop @ react-dom.development.js?f8c1:11843
callCallback @ react-dom.development.js?f8c1:100
invokeGuardedCallbackDev @ react-dom.development.js?f8c1:138
invokeGuardedCallback @ react-dom.development.js?f8c1:187
replayUnitOfWork @ react-dom.development.js?f8c1:11318
renderRoot @ react-dom.development.js?f8c1:11885
performWorkOnRoot @ react-dom.development.js?f8c1:12449
performWork @ react-dom.development.js?f8c1:12370
performSyncWork @ react-dom.development.js?f8c1:12347
requestWork @ react-dom.development.js?f8c1:12247
scheduleWorkImpl @ react-dom.development.js?f8c1:12122
scheduleWork @ react-dom.development.js?f8c1:12082
scheduleRootUpdate @ react-dom.development.js?f8c1:12710
updateContainerAtExpirationTime @ react-dom.development.js?f8c1:12738
updateContainer @ react-dom.development.js?f8c1:12765
ReactRoot.render @ react-dom.development.js?f8c1:16069
(anonymous) @ react-dom.development.js?f8c1:16488
unbatchedUpdates @ react-dom.development.js?f8c1:12557
legacyRenderSubtreeIntoContainer @ react-dom.development.js?f8c1:16484
render @ react-dom.development.js?f8c1:16543
window.webappStart @ client.js?f17d:39
(anonymous) @ gmail:43
react-dom.development.js?f8c1:9643 The above error occurred in the
in div (created by AddMod)
in div (created by AddMod)
in div (created by AddMod)
in AddMod (created by Connect(AddMod))
in Connect(AddMod) (created by RouterContext)
in RouterContext (created by Router)
in Router
in Provider
Consider adding an error boundary to your tree to customize error handling behavior.
Visit https://fb.me/react-error-boundaries to learn more about error boundaries.
logCapturedError @ react-dom.development.js?f8c1:9643
logError @ react-dom.development.js?f8c1:9682
commitErrorLogging @ react-dom.development.js?f8c1:9895
commitAllLifeCycles @ react-dom.development.js?f8c1:11459
callCallback @ react-dom.development.js?f8c1:100
invokeGuardedCallbackDev @ react-dom.development.js?f8c1:138
invokeGuardedCallback @ react-dom.development.js?f8c1:187
commitRoot @ react-dom.development.js?f8c1:11594
completeRoot @ react-dom.development.js?f8c1:12502
performWorkOnRoot @ react-dom.development.js?f8c1:12452
performWork @ react-dom.development.js?f8c1:12370
performSyncWork @ react-dom.development.js?f8c1:12347
requestWork @ react-dom.development.js?f8c1:12247
scheduleWorkImpl @ react-dom.development.js?f8c1:12122
scheduleWork @ react-dom.development.js?f8c1:12082
scheduleRootUpdate @ react-dom.development.js?f8c1:12710
updateContainerAtExpirationTime @ react-dom.development.js?f8c1:12738
updateContainer @ react-dom.development.js?f8c1:12765
ReactRoot.render @ react-dom.development.js?f8c1:16069
(anonymous) @ react-dom.development.js?f8c1:16488
unbatchedUpdates @ react-dom.development.js?f8c1:12557
legacyRenderSubtreeIntoContainer @ react-dom.development.js?f8c1:16484
render @ react-dom.development.js?f8c1:16543
window.webappStart @ client.js?f17d:39
(anonymous) @ gmail:43
react-dom.development.js?f8c1:12431 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 AddMod
.
at invariant (invariant.js?2809:42)
at throwOnInvalidElementType (react-dom.development.js?f8c1:5393)
at createFiberFromElement (react-dom.development.js?f8c1:5359)
at createChild (react-dom.development.js?f8c1:7554)
at reconcileChildrenArray (react-dom.development.js?f8c1:7805)
at reconcileChildFibers (react-dom.development.js?f8c1:8121)
at reconcileChildrenAtExpirationTime (react-dom.development.js?f8c1:8240)
at reconcileChildren (react-dom.development.js?f8c1:8231)
at updateHostComponent (react-dom.development.js?f8c1:8539)
at beginWork (react-dom.development.js?f8c1:8986)
from react-email-editor.
I have also just tried with your sample code in README, its giving same error - namely this: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object.
from react-email-editor.
If this helps. I am on:
"react": "^16.3.2"
"react-dom": "^16.3.2",
"react-email-editor": "^0.8.1",
from react-email-editor.
@karanmartian I am unable to reproduce this at my end. I tried with same package versions in a new create-react-app project.
Can you try the following?
- Delete node_modules directory in your project and then run
npm install
(oryarn install
) again. - Create a new project with create-react-app and see if EmailEditor component works in it.
- If neither of the above 2 help, then is it possible for you to share a stripped-down but working code of your project? Something that we are able to download and run locally.
from react-email-editor.
Related Issues (20)
- Embed Display Conditions Doesn't work properly for Outlook mobile.
- Background image is not responsive like another main image.
- Docs for Custom CSS - Available classes / variables to edit HOT 6
- Hide Drag and Drop
- Rich Text Editor doesn't work properly in custom tool.
- Adding custom loading spinner component HOT 2
- Usage and Save Post API request fails with 502 Request Code Bad Gateway HOT 4
- Running unlayer.init in React HOT 3
- Query regarding the APIs Auth Session triggered
- AccessDeniedAccess error HOT 10
- date field in form (Unlayer)
- image export failing
- List overflow causes vertical spacing between blocks
- Box on left and right side
- loading template in react-email-editor HOT 6
- How to add API-KEY in react-email-editor HOT 1
- how can disable a card like "HTML" and "menu" if we don't need it. IS there any option to disable cards HOT 1
- Renders twice with latest nextjs HOT 1
- "design:updated" event is not triggered when consecutive changes are made to the currently focused element
- manage colors via design tags
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-email-editor.