Types missing due to reference directive bundling

[kevinkucharczyk]

• Version: 3.4.4
• Rollup Version: 3.21.8
• Operating System and version (if applicable): macOS Ventura 13.4.1
• Node Version (if applicable): 18.14.1
• Does it work with tsc (if applicable):

Reproduction

I have a React component, where I import some React types as:

import { type ReactNode } from 'react';

interface ComponentProps {
  children?: ReactNode;
}

...

tsconfig.json is

{
    "include": ["src/*"],
    "compilerOptions": {
        "baseUrl": ".",
        "esModuleInterop": true,
        "strict": true,
        "skipLibCheck": true,
        "jsx": "react-jsx",
        "module": "ESNext",
        "declaration": true,
        "declarationDir": "dist",
        "sourceMap": true,
        "outDir": "dist",
        "moduleResolution": "node",
        "emitDeclarationOnly": true,
        "allowSyntheticDefaultImports": true,
        "forceConsistentCasingInFileNames": true
    }
}

rollup config is:

import commonjs from '@rollup/plugin-commonjs';
import ts from 'rollup-plugin-ts';
import terser from '@rollup/plugin-terser';
import peerDepsExternal from 'rollup-plugin-peer-deps-external';

export default [
    {
        input: 'src/react/index.ts',
        output: [
            {
                file: 'dist-react/cjs/index.js',
                format: 'cjs',
                sourcemap: true,
            },
            {
                file: 'dist-react/esm/index.js',
                format: 'esm',
                sourcemap: true,
            },
        ],
        plugins: [
            peerDepsExternal(),
            resolve(),
            commonjs(),
            ts({ tsconfig: './tsconfig.react.json' }),
            terser(),
        ],
        external: ['react', 'react-dom'],
    }
];

Expected Behavior

The bundled index.d.ts file should contain the correct types when referencing 3rd party libraries. It should either be:

/// <reference types="react" />

interface ComponentProps {
  children?: React.ReactNode;
}

export { ComponentProps };

Or provide an option to skip the reference types declaration entirely, and have the .d.ts output be

import { type ReactNode } from 'react';

interface ComponentProps {
  children?: ReactNode;
}

export { ComponentProps };

Actual Behavior

When I run rollup-plugin-ts, the index.d.ts output contains:

/// <reference types="react" />

interface ComponentProps {
  children?: ReactNode;
}

export { ComponentProps };

ReactNode isn't referenced anywhere, and using this component in another repo gives me any types for any props that use React types.

I can use

import React from 'react';

interface ComponentProps {
  children?: React.ReactNode;
}

but I'd prefer not having to import things this way.