Partially Working with React 18 + NextJS 13

[aktasmehmet]

Hi,

I've been stuggling to make WDYR work with the stack of React 18.2.0 and NextJS 13.5.6 using App Router.

What I did so far is to inject the wdyr script in next.config.ts and somehow made it work.

But the problem is that, I couldn't get any logs besides the useState hook changes. I created similar components and scenarios as in the documents provided but couldn't trigger WDYR for the prop changes. What am I missing here?

next.config.js

wdyr.ts

Parent Component

ChildComponent

Each time I click the button, I get the logs below (only the useState logs of the parent component). Shouldn't I get the log for the Button component here since style prop changes? Besides, I've tried this with a lot of different prop types but the result is the same :(