Restrict usage of global React object

[SebiVPS]

Description

follow up PR for the restriction of the React barrel import: also restrict the usage of the global React object.

[SebiVPS]

I could not get it to work, when removing the React. usage here.

When its removed, there is an error, that the ref prop is missing in CustomInputProps.
And when the two types are imported import { type DetailedHTMLProps, type InputHTMLAttributes } from "react"; there is an error, that the added prop webkitdirectory is not found.

Do you have an idea what's going on here? Can we leave the React. usage here in the vendor.d.ts file (in the typedefinitions React. usage seems common?)

[johnnyomair]

This should work:

/// <reference types="@comet/admin-theme" />

import { type HTMLAttributes } from "react";

declare module "react" {
    interface InputHTMLAttributes<T> extends HTMLAttributes<T> {
        // extends React's HTMLAttributes
        directory?: string;
        webkitdirectory?: string;
    }
}

[johnnyomair]

Can we leave the React. usage here in the vendor.d.ts file (in the typedefinitions React. usage seems common?)

We don't need it in other .d.ts files 🤔 Maybe we should add explicit imports to all .d.ts files, otherwise probably the namespace is still used?

[johnnyomair]

Looks good. We need to decide how to handle *.d.ts files though.