[React Typescript] Updating the Global Namespace for an Additional Attribute
I want to add a common attribute to dom element globally:
<>
<div testId="123" />
<audio testId="123" />
<video testId="123" />
<a testId="123" />
<abbr testId="123" />
<address testId="123" />
</>;
Solution:
declare global {
namespace React {
interface HTMLAttributes<T> {
solutionTestId?: string;
}
}
}