No requests made to self hosted instance

Thank you for this cool Next.js adaptation 👍

I tried to configure it globally on my _app.tsx file:

<PlausibleProvider
      domain="typebot.io"
      selfHosted={true}
      customDomain="https://my-selfhosted-plausible-domain.com"
    >
      <Component {...componentProps} />
    </PlausibleProvider>

And then my next.config.js:

const { withSentryConfig } = require("@sentry/nextjs");
const { withPlausibleProxy } = require("next-plausible");

const withBundleAnalyzer = require("@next/bundle-analyzer")({
  enabled: process.env.ANALYZE === "true",
});

const moduleExports = {};

const SentryWebpackPluginOptions = {};

module.exports = withPlausibleProxy()(
  withBundleAnalyzer(
    withSentryConfig(moduleExports, SentryWebpackPluginOptions)
  )
);

But it doesn’t fire anything in prod, no error, no request, nothing. Am I missing something? How can I debug this?

Next.js version: 11.1.0 Package version: 3.0.0

[4lejandrito]

Oh I think I know what’s going on!

When you have a self hosted instance you must set the customDomain property to the withPlausibleProxy function too so that the rewrites can use it:

module.exports = withPlausibleProxy({customDomain: "https://plausible.baptistearno.com"})(
  withBundleAnalyzer(
    withSentryConfig(moduleExports, SentryWebpackPluginOptions)
  )
);

Please let me know if that works.

[xLarry]

@4lejandrito I can confirm that this fixes the issue for me.

It’s a shame I didn’t see this issue before spending an hour trying to fix it by myself 😄