The Anchor component uses an attributes object to collect common attributes to apply to the wrapping component. This wrapping component is either an a or a Link component depending on a prop value. When the wrapper is a Link component, TypeScript produces an error indicating a type mismatch between the attributes object and the expected props for the Link component.
Currently, we've used a @ts-ignore flag to ignore the error since the props passed via the attribute object are valuable and intentional.
The purpose of this task is to investigate why we are getting a TypeScript error for this type mismatch and to resolve it so that we can remove the @ts-ignore flag.
The
Anchor
component uses anattributes
object to collect common attributes to apply to the wrapping component. This wrapping component is either ana
or aLink
component depending on a prop value. When the wrapper is aLink
component, TypeScript produces an error indicating a type mismatch between theattributes
object and the expected props for theLink
component.Currently, we've used a
@ts-ignore
flag to ignore the error since the props passed via theattribute
object are valuable and intentional.The purpose of this task is to investigate why we are getting a TypeScript error for this type mismatch and to resolve it so that we can remove the
@ts-ignore
flag.