https://www.growthbook.io/
Join Slack
Hi all, I am wondering if anyone else can’t open the Chrome Dev Tools plugin. Running a NextJS App ...
# ask-questions
w
Hi all, I am wondering if anyone else can’t open the Chrome Dev Tools plugin. Running a NextJS App v14 App Router. Have tried both on Arc and Chrome. Have added the api link and secret to the plugin settings. Also, the enableDevMode attribute is set to true. Not sure what I am doing wrong. I am not self-hosting GrowthBook. Any advice is greatly appreciated! Getting the following error > Unable to locate GrowthBook SDK instance. Please ensure you are using either the Javascript or React SDK, and Dev Mode is enabled.
f
Are you getting an error?
w
Just edited the message to include the error.
I have followed both the guide and reviewed the example repo on GitHub.
Quick question? Does the plugin work with localhost or needs to be a prod url?
f
it works for either
w
Any ideas on what else I can do to troubleshoot?
I’ve been dealing with this issue since Friday.
f
is this public?
w
It’s not public but its not something super sensitive. I can init a new repo and copy over the relevant files if you’d like.
Give me a few I will do that to see if it works in a newly inited app with the same setup but redacted.
f
I would make sure that devmode is enabled
and that growthbook init is called
you can share the implementation if you like, I can take a look - but if this was working, and then stopped, it might be something else
w
It never worked.
f
ah, well, that's easier
w
Screenshot 2024-07-21 at 21.56.48.png
f
What does this look like in the rendered html?
oh wait
you're using this serverside
the devtools only works for client side
w
Now thats something I couldn’t find anywhere in the docs or github 🙂
f
ah
w
Okay cool so its not broken
f
yes, sorry about that
w
So In order to make it work, I need to follow the client or client-optimized examples found in GitHub?
Got it working now! Thanks for all the help!
Removed the original screenshot because the keys were exposed!
f
👍
w
Ok so I got everything setup based on the examples, and have the chrome plugin working and its been helpful. I’ve noticed that when I manually enable a specific feature or experiment its starts re-rendering that component, and the dev tools keeps refreshing each second or so.
Not sure what I am doing wrong, would like it to render only once. It has something to do with the useMemo and useEffect.
This is the page.tsx
This is the hero-wrapper.tsx
This is the hero.tsx
This is how the dev tools plugin is acting
dev-tools.mov
@fresh-football-47124 No rush on a response, but if you can give me some advice, would be awesome.
44 Views
Open in Slack
PreviousNext
Powered by

GrowthBook Users

Open source platform for stress free deployments, measured impact, and smarter decisions.

Powered by