Bug: Treeshaking not wroking

[venkatesh-nagineni]

I am testing react wrapper with my stencil components where i have generated components like this

import { generateReactWrappers } from "custom-element-react-wrappers";
import manifest from "../custom-data/custom-elements.json" assert { type: "json" };

generateReactWrappers(manifest,
    {
        outdir: 'wrappers/react/dist/',
        modulePath: (className, tagName) => `@lib/my-components/dist/components/${tagName}.js`,
        defaultExport: true,
    });

and in my stencil config have dist custom elements like

        {
            type: 'dist-custom-elements',
            externalRuntime: false, // https://github.com/ionic-team/stencil/issues/5596#issuecomment-2058481138
        },

in react project, i am using only button component but when browser render all my components

does anything wrong i am doing here or it's something we need to take care

[break-stuff]

The index.js file exports all of the components. When you do your final build, only the used modules should be included in the final output. If that doesn't work, you can always import the components individually:

import { Button } from 'path/to/react/Button.js';
import { Dialog } from 'path/to/react/Dialog.js';

Instead of:

import { Button, Dialog } from 'path/to/react';