Update the types for <Money/> (#80)

* Update the types for <Money/>

* fix test

.changeset/loud-needles-search.md

@@ -0,0 +1,5 @@
+---
+'@shopify/hydrogen-react': patch
+---
+
+Update the TypeScript types for `<Money/>` so that the default rendered element is a `"div"`.

packages/react/src/Money.test.tsx

@@ -46,22 +46,22 @@ describe('<Money />', () => {
     expect(screen.getByText(money.amount, {exact: false})).toHaveClass('money');
   });
 
-  it.todo(`validates props when a component is passed to the 'as' prop`, () => {
+  it(`validates props when a different Element  is passed to the 'as' prop`, () => {
     const money = getPrice();
-    // @ts-expect-error figure out a better component to use here since Link won't be coming to h-ui
-    render(<Money data={money} as={Link} to="/test" />, {
+
+    render(<Money data={money} as="button" disabled />, {
       wrapper: ({children}) => (
         <ShopifyProvider shopifyConfig={getShopifyConfig()}>
           {children}
         </ShopifyProvider>
       ),
     });
 
-    const element = screen.getByRole('link', {
+    const element = screen.getByRole('button', {
       name: new RegExp(money.amount),
     });
 
-    expect(element).toHaveAttribute('href', '/test');
+    expect(element).toHaveAttribute('disabled');
   });
 
   it(`removes trailing zeros when the prop is passed`, () => {

packages/react/src/Money.tsx

@@ -31,7 +31,7 @@ export type MoneyProps<ComponentGeneric extends React.ElementType> =
  * [MoneyV2 object](https://shopify.dev/api/storefront/reference/common-objects/moneyv2) according to the
  * `locale` in the `ShopifyProvider` component.
  */
-export function Money<ComponentGeneric extends React.ElementType>({
+export function Money<ComponentGeneric extends React.ElementType = 'div'>({
   data,
   as,
   withoutCurrency,