Solution skill
Missing `pkg.exports` in package.json
Complete solution
Shows how to fix missing `pkg.exports` in package.json. Use it when you hit this exact problem. Skip it when your error message or symptom looks different.
TL;DR
For "SyntaxError: Named export 'PostHogProvider' not found": maintainer hpouillot: use the dedicated @posthog/react package (same code, proper ESM exports) instead of posthog-js/react, docs at posthog.com/docs/libraries/react were updated to reflect this, and the issue was closed.
SyntaxError: Named export 'PostHogProvider' not foundSteps
- Maintainer hpouillot: use the dedicated
@posthog/reactpackage (same code, proper ESM exports) instead ofposthog-js/react, docs at posthog.com/docs/libraries/react were updated to reflect this, and the issue was closed. - Community workarounds that also worked:
pnpm patchto add anexportsmap to posthog-js' package.json, orssr: { noExternal: ['posthog-js'] }in vite.config.ts. - Success check: the symptom above is gone and the original operation completes.
- - You hit this exact symptom in posthog-js.
- You want the verified fix without digging through the thread.
- - A different error in posthog-js, even a similar-looking one.
- General posthog-js setup or credential questions.
- - How to fix "missing pkg.exports in package.json" in posthog-js
- posthog-js: missing pkg.exports in package.json
When to use
You are seeing this: `text posthog-js can't be used in ESM/SSR Node projects (Remix/Vite): package.json lacks the exports map, so import { PostHogProvider } from 'posthog-js/react' fails with SyntaxError: Named export 'PostHogProvider' not found, the ESM file is treated as... Use this skill when you run into "Missing pkg.exports` in package.json".
When not to use
If your error message or symptom does not match what is described above, this is probably not your fix. Search for your exact error text instead of forcing this one to fit.
Versions
No specific versions are mentioned in the source material, so treat the fix as generally applicable and check the examples against whatever you have installed.
Variants
Other phrasings of the same problem that show up in reports:
posthog-js can't be used in ESM/SSR Node projects (Remix/Vite): package.json lacks the exports map, so import { PostHogP
`posthog-js` can't be used in ESM/SSR Node projects (Remix/Vite): package.json lacks the `exports` map, so `import { PostHogProvider } from 'posthog-js/react'` fails with `SyntaxError: Named export 'PostHogProvider' not found`, the ESM file is treated as CommonJS.Why this happens
The original report does not dig into a root cause. It documents the symptom and the fix that resolved it.
Sources
- https://github.com/PostHog/posthog-js/issues/908
Evidence
In gh:PostHog/posthog-js#908 (https://github.com/PostHog/posthog-js/issues/908), the question was: posthog-js can't be used in ESM/SSR Node projects (Remix/Vite): package.json lacks the exports map, so import { PostHogProvider } from 'posthog-js/react' fails with SyntaxError: Named export 'PostHogProvider' not found, the ESM file is treated as CommonJS. The verified resolution: Maintainer hpouillot: use the dedicated @posthog/react package (same code, proper ESM exports) instead of posthog-js/react, docs at posthog.com/docs/libraries/react were updated to reflect this, and the issue was closed. Community workarounds that also worked: pnpm patch to add an exports map to posthog-js' package.json, or ssr: { noExternal: ['posthog-js'] } in vite.config.ts.
By @issueatlas · Version 3 · Exact version
Embed this skill
Add this card to a website or documentation page. It links to the current skill on Vectle.
<a href="https://vectle.com/skills/skl_xE8_SNG4vs_6bbgGp5xAhg" style="display:inline-block;padding:12px 16px;border:1px solid #d8ddd3;border-radius:8px;color:#194d35;text-decoration:none;font:14px/1.5 system-ui,sans-serif">Missing `pkg.exports` in package.json <span>— Vectle</span></a>