chore: Add deprecation warning to as property (#1453)

Author: Barsnes

packages/react/src/components/Link/Link.test.tsx

@@ -1,5 +1,5 @@
 import React, { createRef } from 'react';
-import type { RefObject } from 'react';
+import type { ComponentProps, RefObject } from 'react';
 import { render as renderRtl, screen } from '@testing-library/react';
 
 import { Link } from './Link';
@@ -53,7 +53,7 @@ describe('Link', () => {
 });
 
 const render = (
-  props: Partial<LinkProps> = {},
+  props: Partial<ComponentProps<typeof Link>> = {},
   ref?: RefObject<HTMLAnchorElement>,
 ) => {
   const allProps = { ...defaultProps, ...props };

packages/react/src/components/Link/Link.tsx

@@ -1,4 +1,4 @@
-import type { AnchorHTMLAttributes, ElementType, ReactNode } from 'react';
+import type { AnchorHTMLAttributes, ReactNode } from 'react';
 import React, { forwardRef } from 'react';
 import cl from 'clsx';
 
@@ -7,9 +7,6 @@ import type { OverridableComponent } from '../../types/OverridableComponent';
 import classes from './Link.module.css';
 
 export type LinkProps = {
-  /** The component to render the link as. */
-  as?: ElementType;
-
   /** The content to display inside the link. */
   children: ReactNode;
 

packages/react/src/types/OverridableComponent.ts

@@ -13,7 +13,10 @@ export type OverridableComponent<
 
   <As extends ElementType>(
     props: {
-      /** Override html element */
+      /** Override html element
+       * @deprecated Will be removed in favor of `asChild`
+       * @see [Github Issue](https://github.com/digdir/designsystemet/issues/1124)
+       */
       as?: As;
     } & ComponentProps &
       Omit<ComponentPropsWithRef<As>, keyof ComponentProps>,