Dev warning when rendering a link

Author: mj12albert

packages/react/src/use-button/useButton.ts

@@ -3,6 +3,7 @@ import * as React from 'react';
 import { isHTMLElement } from '@floating-ui/utils/dom';
 import { useStableCallback } from '@base-ui-components/utils/useStableCallback';
 import { error } from '@base-ui-components/utils/error';
+import { warn } from '@base-ui-components/utils/warn';
 import { useIsoLayoutEffect } from '@base-ui-components/utils/useIsoLayoutEffect';
 import { makeEventPreventable, mergeProps } from '../merge-props';
 import { useCompositeRootContext } from '../composite/root/CompositeRootContext';
@@ -53,6 +54,10 @@ export function useButton(parameters: useButton.Parameters = {}): useButton.Retu
         error(
           'A component that acts as a button was rendered as a native <button>, which does not match the default. Ensure that the element passed to the `render` prop of the component is not a real <button>, or set the `nativeButton` prop on the component to `true`.',
         );
+      } else if (elementRef.current.tagName === 'A') {
+        warn(
+          'A component that acts as a button was rendered as an <a> tag, which could cause usability issues for keyboard and assistive tech users. Prefer using `<a>` directly.',
+        );
       }
     }, [isNativeButton]);
   }