fix(link): drop use-link hook as react-aria-components handles client side routing internally

packages/react/package.json

@@ -41,7 +41,6 @@
   },
   "devDependencies": {
     "@jest/types": "^29.6.3",
-    "@react-types/shared": "^3.22.1",
     "@storybook/addon-backgrounds": "^8.0.1",
     "@storybook/addon-essentials": "8.0.1",
     "@storybook/addon-interactions": "8.0.1",

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

@@ -12,10 +12,12 @@ const Component: Meta<typeof Link> = {
 }
 
 const defaultProps = {
+  href: 'www.giantnodes.com',
   ...link.defaultVariants,
 }
 
-export const Default: StoryFn = (args: LinkProps) => <Link {...args}>There were 2 errors with your submission</Link>
+export const Default: StoryFn = (args: LinkProps) => <Link {...args}>Default Link</Link>
+
 Default.args = {
   ...defaultProps,
 }

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

@@ -5,16 +5,10 @@ import { link } from '@giantnodes/theme'
 import React from 'react'
 import { Link } from 'react-aria-components'
 
-import { useDomRef } from '@/hooks/use-dom-ref'
-import { useLink } from '@/hooks/use-link.hook'
-
 type ComponentProps = ComponentWithoutAs<'a'> & LinkProps
 
 const Component = React.forwardRef<HTMLAnchorElement, LinkProps>((props, ref) => {
-  const { children, className } = props
-
-  const dom = useDomRef(ref)
-  const { ...rest } = useLink(props, dom)
+  const { children, className, ...rest } = props
 
   const slots = React.useMemo(() => link({}), [])
 

packages/react/src/hooks/use-design-system.tsx

@@ -1,17 +1,13 @@
 import { RouterProvider } from '@react-aria/utils'
 
-import { createContext } from '@/utilities/context'
-
 export type UseDesignSystemProps = React.PropsWithChildren & {
   /**
    * Provides a client side router to all components that contain links
    */
   navigate?: (path: string) => void
 }
 
-export type UseDesignSystemReturn = ReturnType<typeof useDesignSystem>
-
-export const useDesignSystem = ({ navigate, children }: UseDesignSystemProps) => {
+export const DesignSystemProvider: React.FC<UseDesignSystemProps> = ({ navigate, children }) => {
   let contents = children
 
   if (navigate) {
@@ -20,10 +16,3 @@ export const useDesignSystem = ({ navigate, children }: UseDesignSystemProps) =>
 
   return contents
 }
-
-export const [DesignSystemContext, useDesignSystemContext] = createContext<UseDesignSystemReturn>({
-  name: 'DesignSystemContext',
-  strict: true,
-  errorMessage:
-    'useDesignSystemContext: `context` is undefined. Seems you forgot to wrap component within <DesignSystem.Provider />',
-})