build: declare d3-curve-circlecorners types (#4288)

Author: zzmp

src/components/Charts/PriceChart.tsx

@@ -4,12 +4,12 @@ import { GlyphCircle } from '@visx/glyph'
 import { Group } from '@visx/group'
 import { Line, LinePath } from '@visx/shape'
 import { bisect, scaleLinear } from 'd3'
+import { radius } from 'd3-curve-circlecorners'
 import useTheme from 'hooks/useTheme'
 import { useCallback, useState } from 'react'
 import { ArrowDownRight, ArrowUpRight } from 'react-feather'
 import styled from 'styled-components/macro'
 
-import circleCorners from './circleCorners'
 import data from './data.json'
 
 type PricePoint = { value: number; timestamp: number }
@@ -138,7 +138,7 @@ export function PriceChart({ width, height }: PriceChartProps) {
         )}
         <Group top={margin.top}>
           <LinePath
-            curve={circleCorners.radius(1)}
+            curve={radius(1)}
             stroke={theme.accentActive}
             strokeWidth={2}
             data={data.priceHistory}

src/components/Charts/circleCorners.js

@@ -27,3 +27,7 @@ declare module 'multihashes' {
   declare function decode(buff: Uint8Array): { code: number; name: string; length: number; digest: Uint8Array }
   declare function toB58String(hash: Uint8Array): string
 }
+
+declare module 'd3-curve-circlecorners' {
+  declare function radius(r: number): d3.CurveFactory
+}