[NEXT.JS] TypeError: Object.defineProperty called on non-object

[abnersajr]

I'm facing issues using NextJs. I'd tried different ways to do it but always the same results.
Even in build mode and dev mode, the issue is the same just change the file names because of the hashes.

I import React globally, so I don't have to put: class NameClass extends React.Component/

I also tried to import in different scenarios mentioned in the doc and also using require and import, but didn't work.

I don't have any modifications in babel plugins and etc, but NextJS have their own.
This is preset:
https://github.com/zeit/next.js/blob/canary/packages/next/build/babel/preset.ts

I think that looking into this you can assume if any plugin is causing this issue.

In this screenshot is the issue when I start a server with builded version:

[abnersajr]

Here is a screenshot when I'm running yarn dev, the built-in version:

[vzaidman]

Hey!
First of all, I work with the library with next.js as well so the preset is not the problem.

[vzaidman]

What version of react do you use?

[vzaidman]

Can you try the trackHooks: false option when initializing the library?

[abnersajr]

I don't use hooks, but yes I can try. I use the version 16.6.1

[vzaidman]

can you update to latest react and try again?

[abnersajr]

Where exactly do you import the WhyDidYouRender?

[vzaidman]

in _app

[abnersajr]

👌 Ita working. I will make a PR with some sdditions in the docs about it. Thanks for your effort.

…

On Wed, Apr 10, 2019, 11:20 AM Vitali Zaidman ***@***.***> wrote: in _app — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub <#17 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AB5_OW4worAELfFuI_QWow50t690j36Yks5vffM5gaJpZM4cm_X4> .

[vzaidman]

instead of PR to docs, make a PR that doesn't runs hooks if the hooks object is not on React so we will support older versions.

[vzaidman]

updated the requirement for the library to version >=16.8

[crapthings]

this still exist

[vzaidman]

exists on latest react?

[crapthings]

const whyDidYouRender = require('@welldone-software/why-did-you-render')
console.log(whyDidYouRender)
whyDidYouRender(React);

[vzaidman]

What polyfill do you use?

[crapthings]

default meteor 1.8.1 sets ?

https://github.com/meteor/babel/blob/master/package.json

[vzaidman]

please create a sandbox where it happens or:
use the non-minified version of whyDidYouRender and create some screenshots from debugging of what fails where.
Thanks :)

[vzaidman]

can be reopened when more information is provided.