Bundle size and tree shaking not working properly

[evadeharomunoz]

Current Behavior:

I've installed Vidstack into a Next js (v14.1.0) monorepo. To my surprise when I build the project and see the weight using the nextjs-bundle-analyzer I'm seeing that Vidstack bundle it weighs more than 600kb. Reading docs I can see that tree shaking is accepted. But it doesn't seem to be working because the weight of the bundle is not decreasing whatever I do.

I'm doing the imports this way:

import { Controls, MediaPlayer, MediaProvider } from '@vidstack/react'

If I try to make imports similar to the ones below, the library does not expect them.

import { Controls } from '@vidstack/react/player' import { Controls } from '@vidstack/player'

Is there something I am missing to remove all of the unused components from my bundle? Thanks!

Environment:

• Framework: React
• Meta Framework: Next.js
• Node: 20.15.1
• Device: Macbook
• Browser: Chrome

[SantiagoRangel]

I have been running into the same issue with a project last month. At the end I decided change the whole stack :(