TypeError: r is not a function

[throne1986]

Hi everyone,

I want to run the landing example using pure react js without typescript, so I have refactored the given example in this repo,

Here is my new repo: https://github.com/throne1986/landing-app

But, unfortunately, I keep getting the error: `TypeError: r is not a function

I am out of idea what I am doing wrong, can someone please tell me what is wrong here?

Thanks

[ankri]

When I follow your index.js and your App.js then the Viewport.js

You need to wrap your <Viewport /> with a <Editor /> component from @craft.js/core or remove the use of useEditor since you are first using the <Editor /> in your Page.js

[ankri]

In other words, you cannot use useEditor outside the context of the <Editor /> component from the core package.

I will try to open a PR that will produce a clearer error message for those cases.

[throne1986]

When I follow your index.js and your App.js then the Viewport.js

You need to wrap your <Viewport /> with a <Editor /> component from @craft.js/core or remove the use of useEditor since you are first using the <Editor /> in your Page.js

Thanks, bro that is true solved the error, but now I have another issue when I am rendering the Pages.js component it keeps rendering infinite ,

https://github.com/throne1986/landing-app/blob/master/src/features/editor/Viewport/index.js

I have updated my repo, please check what is wrong here

[ankri]

You are rendering <Viewport /> again in <Pages /> which will render <Pages /> again. And so on.

[ankri]

Since this is not a craft related issue, we can maybe close this issue and move further communication to your thread in the discussions?

[throne1986]

Since this is not a craft related issue, we can maybe close this issue and move further communication to your thread in the discussions?

ok u can transfer to discussion