Merge pull request #7 from millnut/feature/enforce-default-function

fix: change to default function

.eslintrc.json

@@ -45,6 +45,7 @@
     "arrow-body-style": ["warn", "as-needed"],
     "no-underscore-dangle": ["error", { "allow": ["_source", "_id", "__typename", "__session"] }],
     "indent": "off",
-    "@typescript-eslint/indent": 0
+    "@typescript-eslint/indent": 0,
+    "import/prefer-default-export": ["error", { "target": "single" }]
   }
 }

src/components/Button/Button.stories.tsx

@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { Button } from './Button';
-import { buttonProps, buttonLinkProps } from './defaultProps';
+import buttonProps, { buttonLinkProps } from './defaultProps';
 
 // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 const meta = {

src/components/Button/defaultProps.ts

@@ -8,3 +8,5 @@ export const buttonLinkProps: ButtonProps = {
   label: 'Button',
   url: 'https://example.com'
 };
+
+export default buttonProps;

src/components/Card/Card.stories.tsx

@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import Card from './Card';
-import { cardProps } from './defaultProps';
+import cardProps from './defaultProps';
 
 const meta = {
   title: 'Example/Card',

src/components/Card/defaultProps.ts

@@ -14,3 +14,5 @@ export const cardProps: CardProps = {
   title: 'Example title',
   body: 'Example body text'
 };
+
+export default cardProps;

src/components/Image/Image.stories.tsx

@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import Image from './Image';
-import { imageProps } from './defaultProps';
+import imageProps from './defaultProps';
 
 const meta = {
   title: 'Example/Image',

src/components/Image/defaultProps.ts

@@ -10,3 +10,5 @@ export const imageProps: ImageProps = {
   height: 500,
   altText: 'An example image'
 };
+
+export default imageProps;

src/components/TextImage/TextImage.stories.tsx

@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import TextImage from './TextImage';
-import { textImageProps } from './defaultProps';
+import textImageProps from './defaultProps';
 
 const meta = {
   title: 'Example/TextImage',

src/components/TextImage/defaultProps.ts

@@ -14,3 +14,5 @@ export const textImageProps: TextImageProps = {
     altText: 'An example image'
   }
 };
+
+export default textImageProps;

src/hooks/useMedia.tsx

@@ -1,6 +1,6 @@
 import { useState, useEffect } from 'react';
 
-export function useMobile(mobileWidth = '768px', boolean = true): boolean {
+export default function useMobile(mobileWidth = '768px', boolean = true): boolean {
   const [mobile, setMobile] = useState(boolean);
 
   useEffect(() => {