♻️ Use explicit return keyword instead of just implicit one in arrow fn

Author: cermakjiri

src/template/component.ts

@@ -17,11 +17,13 @@ export const felaComponent = (name: string, dependencies: boolean) => `${
     : "import React from 'react';\nimport PropTypes from 'prop-types';"
 }
 
-const ${name} = ({ styles }) => (
+const ${name} = ({ styles }) => {
+  return (
     <div className={styles.container}>
         
     </div>
-);
+  );
+};
 
 ${name}.propTypes = {
     styles: PropTypes.shape({
@@ -68,11 +70,11 @@ export const component = (name: string, dependencies: boolean) => `${
     : "import React from 'react';\nimport PropTypes from 'prop-types';"
 }
 
-const ${name} = () => (
-    <>
-        
-    </>
-);
+const ${name} = () => {
+  return (
+    
+  );
+};
 
 ${name}.propTypes = {};
 

src/template/componentsTypescript.ts

@@ -8,11 +8,13 @@ export interface ${name}OwnProps {}
 
 type ${name}Props = ${name}OwnProps & FelaWithStylesProps<${name}OwnProps, {}>;
 
-export const ${name} = ({ styles }: ${name}Props) => (
-    <div className={styles.container}>
-        
-    </div>
-);
+export const ${name} = ({ styles }: ${name}Props) => {
+    return (
+      <div className={styles.container}>
+
+      </div>
+    );  
+};
 `;
 
 export const felaHookComponent = (name: string, dependencies: boolean) => `${
@@ -53,9 +55,9 @@ export const component = (name: string, dependencies: boolean) => `${
 
 export interface ${name}Props {}
 
-export const ${name} = ({}: ${name}Props) => (
-    <>
-        
-    </>
-);
+export const ${name} = ({}: ${name}Props) => {
+  return (
+
+  );  
+};
 `;