BuilderIO / BuilderIO/hydration-overlay

Not able to add webpack config in next.config.ts using hydrationoverlay wrapper

Open
#43 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
CSS
Stars
531
Forks
18
PR merge metrics
No merged PRs in 30d

Description

Here in this PR - https://github.com/BuilderIO/hydration-overlay/pull/41

While adding a test case for next-app-dir-with-sentry-spotlight
I added a webpack plugin to run spotlight sidecar but it turns out it was not getting added as the next config was wrapped with
```
const {
withHydrationOverlay,
} = require("@builder.io/react-hydration-overlay/next");
```

on removing the wrapper and just exporting the nextconfig the plugins was getting added and worked fine.

Contributor guide

Open the contributing guide

Research direction

Start by reading PR 41 and reproduce the next-app-dir-with-sentry-spotlight test case with the hydration-overlay wrapper in next.config.ts. Trace how the wrapper handles the Next.js webpack configuration; the issue is done when the webpack plugin is retained and runs while the wrapper remains enabled.

Written by the indexing model from the issue text.

Assessment

Tech stack
next.js, react, typescript, webpack
Domain
build-system, web-dev
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.