How to fix Default export of the module has or is using private name 'X' in TypeScript

// BEFORE - Causes TS4082 error
interface Props {
  name: string;
  age: number;
}

export default defineComponent({
  props: defineProps<Props>()
});

// AFTER - Fixed by exporting Props
export interface Props {
  name: string;
  age: number;
}

export default defineComponent({
  props: defineProps<Props>()
});

// BEFORE - Error when building library
interface ButtonProps {
  variant: 'primary' | 'secondary';
  onClick: () => void;
}

export default function Button(props: ButtonProps) {
  return <button onClick={props.onClick}>{props.children}</button>;
}

// AFTER - Fixed
export interface ButtonProps {
  variant: 'primary' | 'secondary';
  onClick: () => void;
}

export default function Button(props: ButtonProps) {
  return <button onClick={props.onClick}>{props.children}</button>;
}

// Instead of a separate interface
interface Props {
  title: string;
  count: number;
}
export default defineProps<Props>();

// Use inline type definition
export default defineProps<{
  title: string;
  count: number;
}>();

// BEFORE - Private Config type
interface Config {
  apiKey: string;
  timeout: number;
}

export default function initialize(config: Config) {
  // ...
}

// AFTER - Inline type
export default function initialize(config: {
  apiKey: string;
  timeout: number;
}) {
  // ...
}

{
  "compilerOptions": {
    "declaration": true
  },
  "include": ["src/**/*"],
  "exclude": [
    "node_modules",
    "**/*.test.ts",
    "**/*.spec.ts",
    "**/*.stories.ts",
    "**/__tests__/**"
  ]
}

// rollup.config.js
import typescript from '@rollup/plugin-typescript';

export default {
  plugins: [
    typescript({
      exclude: [
        '**/*.test.ts',
        '**/*.spec.ts',
        '**/*.stories.tsx',
        'src/__tests__/**'
      ]
    })
  ]
};

// BEFORE - Private Test class leaks into export
class Test {
  constructor(private value: string) {}
}

export const instance = new Test("value");
// Error: Exported variable 'instance' has or is using private name 'Test'

// AFTER - Explicit 'any' type annotation
export const instance: any = new Test("value");

// BETTER - Define a public interface
export interface Instance {
  getValue(): string;
}

class Test implements Instance {
  constructor(private value: string) {}
  getValue() { return this.value; }
}

export const instance: Instance = new Test("value");

// Private internal type
type InternalResult = {
  _internal: string;
  data: string;
};

// Hide implementation details with explicit return type
export default function process(): { data: string } {
  const result: InternalResult = {
    _internal: "secret",
    data: "public"
  };
  return result;
}

// BEFORE - Default export with private type
interface ComponentProps {
  title: string;
}

export default function Component(props: ComponentProps) {
  return <div>{props.title}</div>;
}

// AFTER - Named exports (recommended)
export interface ComponentProps {
  title: string;
}

export function Component(props: ComponentProps) {
  return <div>{props.title}</div>;
}

import Component from './Component';

import { Component } from './Component';

// tsconfig.json
{
  "compilerOptions": {
    "declaration": false,
    // Or temporarily:
    // "declaration": true,
    // "declarationMap": false
  }
}