♻️ Use named exports instead of default export in TS components

Author: cermakjiri

src/template/componentsTypescript.ts

@@ -8,13 +8,11 @@ export interface ${name}OwnProps {}
 
 type ${name}Props = ${name}OwnProps & FelaWithStylesProps<${name}OwnProps, {}>;
 
-const ${name} = ({ styles }: ${name}Props) => (
+export const ${name} = ({ styles }: ${name}Props) => (
     <div className={styles.container}>
         
     </div>
 );
-
-export default ${name};
 `;
 
 export const felaHookComponent = (name: string, dependencies: boolean) => `${
@@ -27,7 +25,7 @@ import * as felaRules from './${name}.rules';
 
 export interface ${name}Props {}
 
-const ${name} = ({}: ${name}Props) => {
+export const ${name} = ({}: ${name}Props) => {
     const { styles } = useFelaEnhanced(felaRules);
 
     return (
@@ -36,8 +34,6 @@ const ${name} = ({}: ${name}Props) => {
         </div>
     );
 };
-
-export default ${name};
 `;
 
 export const styles = (dependencies: boolean) => `${
@@ -57,11 +53,9 @@ export const component = (name: string, dependencies: boolean) => `${
 
 export interface ${name}Props {}
 
-const ${name} = ({}: ${name}Props) => (
+export const ${name} = ({}: ${name}Props) => (
     <>
         
     </>
 );
-
-export default ${name};
 `;