Generated .d.ts does not import destructure react imports

Bug report

Below I have supplied a minimal repo. In our project we destructure react types in our files. The output of the bundle does not include these imports causing a malformed d.ts

Input code

import React, { ReactElement } from 'react';

export function Test(): ReactElement {
  return <div />;
}

export const ForwardedRef = React.forwardRef<HTMLDivElement>((props, ref) => <div ref={ref} {...props} />)

Expected output

// Generated by dts-bundle-generator v5.9.0

/// <reference types="prop-types" />
/// <reference types="react" />
/// <reference types="scheduler" />
import { ReactElement } from "react";

export declare function Test(): ReactElement;
export declare const ForwardedRef: React.ForwardRefExoticComponent<React.RefAttributes<HTMLDivElement>>;

export {};

Actual output

// Generated by dts-bundle-generator v5.9.0

/// <reference types="prop-types" />
/// <reference types="react" />
/// <reference types="scheduler" />

export declare function Test(): ReactElement;
export declare const ForwardedRef: React.ForwardRefExoticComponent<React.RefAttributes<HTMLDivElement>>;

export {};

Additional context Add any other context about the problem here (CLI options, etc)

tsconfig.json

{
  "compilerOptions": {
    "jsx": "react",
    "lib": ["DOM", "ES2015", "ES2016"],
    "esModuleInterop": true,
    "skipLibCheck": true
  }
}

package.json

{
  "dependencies": {
    "dts-bundle-generator": "^5.9.0",
    "react": "^17.0.2",
    "@types/react": "^17.0.19"
  }
}

Command

› dts-bundle-generator index.tsx -o index.d.ts
Compiling input files...
Processing index.tsx
Library "react" will be added via reference directive
Library "prop-types" will be added via reference directive
Library "scheduler" will be added via reference directive
Writing index.tsx -> index.d.ts
Checking generated files...
Compiler option "skipLibCheck" is disabled to properly check generated output
index.d.ts(7,33): error TS2304: Cannot find name 'ReactElement'.

Error: Compiled with errors

[igorpupkinable]

Thank you for the details.

Perhaps I need to rephrase my question. allowedTypesLibraries: ['react'] option will only work with const HelloWorld: React.FC = () => null; code.

My library has over 100 components with FC type instead of React.FC. So importedLibraries: ['react'] is the only working solution otherwise you get lib/index.d.ts(1,18): error TS2304: Cannot find name 'FC'. error. FC must be imported in .d.ts file.

[timocov]

allowedTypesLibraries: [‘react’] option will only work with const HelloWorld: React.FC = () => null; code.

Yep, that’s correct (and iirc this is the default behaviour for now right? I mean you don’t need to even specify allowedTypesLibraries explicitly to achieve this, after #170 it will be changed).