fix: base svg elements props type

prenda-school · May 24, 2024 · a612a8f · a612a8f
1 parent 997f5fa
commit a612a8f
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 8 deletions.
diff --git a/packages/components/src/ArcCircle/ArcCircleProps.ts b/packages/components/src/ArcCircle/ArcCircleProps.ts
@@ -1,7 +1,8 @@
-import { HTMLAttributes } from 'react';
+import React from 'react';
 import { ArcOut } from '../Arc/generateArc';
 
-export interface ArcCircleProps extends HTMLAttributes<SVGPathElement> {
+export interface ArcCircleProps
+  extends React.SVGTextElementAttributes<SVGPathElement> {
   /**
    * The value at which the point is located.
    */

diff --git a/packages/components/src/ArcSweep/ArcSweepProps.ts b/packages/components/src/ArcSweep/ArcSweepProps.ts
@@ -1,7 +1,8 @@
-import { HTMLAttributes } from 'react';
+import React from 'react';
 import { ArcOut } from '../Arc/generateArc';
 
-export interface ArcSweepProps extends HTMLAttributes<SVGPathElement> {
+export interface ArcSweepProps
+  extends React.SVGTextElementAttributes<SVGPathElement> {
   /**
    * The value from which the arc sweep starts. Defaults to the minimum value.
    */

diff --git a/packages/components/src/ArcUnitLabel/ArcUnitLabelProps.ts b/packages/components/src/ArcUnitLabel/ArcUnitLabelProps.ts
@@ -1,7 +1,8 @@
-import { HTMLAttributes } from 'react';
+import React from 'react';
 import { ArcOut } from '../Arc/generateArc';
 
-export interface ArcUnitLabelProps extends HTMLAttributes<SVGTextElement> {
+export interface ArcUnitLabelProps
+  extends React.SVGTextElementAttributes<SVGTextElement> {
   /**
    * The value at which the unit label is located.
    */

diff --git a/packages/components/src/Chart/ChartProps.ts b/packages/components/src/Chart/ChartProps.ts
@@ -1,7 +1,10 @@
-import { HTMLAttributes } from 'react';
+import React from 'react';
 
 export interface ChartProps
-  extends Omit<HTMLAttributes<SVGSVGElement>, 'width' | 'height'> {
+  extends Omit<
+    React.SVGTextElementAttributes<SVGSVGElement>,
+    'width' | 'height'
+  > {
   /**
    * The width of the container.
    */