Remove useEffect invocations

Author: DanielMichalski

src/components/Form/Select/Select.tsx

@@ -1,4 +1,4 @@
-import React, {FC, useEffect} from 'react';
+import React, {FC} from 'react';
 import styles from './Select.module.scss';
 import {FormElement} from "../../../conteiners/FormElementsGenerator/FormElements/FormElement.model";
 
@@ -13,17 +13,6 @@ const Select: FC<SelectProps> = (props: SelectProps) => {
  const {model} = props;
  const options = model.metadata.split(OPTIONS_SEPARATOR)
 
- useEffect(
- () => {
- console.log(`Creating [Select] component with label [${model.label}]`);
-
- return () => {
- console.log(`Destroying [Select] component with label [${model.label}]`);
- };
- },
- [model.label]
- );
-
  return (
  <div className={styles.Select}>
  <label htmlFor={model.label}>

src/components/Form/TextArea/TextArea.tsx

@@ -1,4 +1,4 @@
-import React, {FC, useEffect} from 'react';
+import React, {FC} from 'react';
 import styles from './TextArea.module.scss';
 import {FormElement} from "../../../conteiners/FormElementsGenerator/FormElements/FormElement.model";
 
@@ -10,17 +10,6 @@ const TextArea: FC<TextAreaProps> = (props: TextAreaProps) => {
 
  const {model} = props;
 
- useEffect(
- () => {
- console.log(`Creating [TextArea] component with label [${model.label}]`);
-
- return () => {
- console.log(`Destroying [TextArea] component with label [${model.label}]`);
- };
- },
- [model.label]
- );
-
  return (
  <div className={styles.TextArea}>
  <label htmlFor={model.label}>{model.label}</label>

src/components/Form/TextInput/TextInput.tsx

@@ -1,4 +1,4 @@
-import React, {FC, useEffect} from 'react';
+import React, {FC} from 'react';
 import styles from './TextInput.module.scss';
 import {FormElement} from "../../../conteiners/FormElementsGenerator/FormElements/FormElement.model";
 
@@ -10,17 +10,6 @@ const TextInput: FC<TextInputProps> = (props: TextInputProps) => {
 
  const {model} = props;
 
- useEffect(
- () => {
- console.log(`Creating [TextInput] component with label [${model.label}]`);
-
- return () => {
- console.log(`Destroying [TextInput] component with label [${model.label}]`);
- };
- },
- [model.label]
- );
-
  return (
  <div className={styles.TextInput}>
  <label htmlFor={model.label}>{model.label}</label>

src/components/Header/Header.tsx

@@ -1,4 +1,4 @@
-import React, {FC, useEffect} from 'react';
+import React, {FC} from 'react';
 import styles from './Header.module.scss';
 
 export interface HeaderProps {
@@ -9,16 +9,6 @@ const Header: FC<HeaderProps> = (props: HeaderProps) => {
 
  const {headerText} = props;
 
- useEffect(
- () => {
- console.log(`Creating [Header] component with text: ${headerText}`)
- return () => {
- console.log(`Destroying [Header] component with text: ${headerText}`);
- };
- },
- [headerText]
- );
-
  return (
  <div className={styles.Header}>
  <div className={styles.headerImage}>

src/conteiners/FormElementsGenerator/FormElements/FormElements.tsx

@@ -15,17 +15,6 @@ const FormElements: FC<FormElementsProperties> = (props: FormElementsProperties)
 
  const {formElements, maxColumns} = props;
 
- useEffect(
- () => {
- console.log(`Creating [FormElements] component`);
-
- return () => {
- console.log('Destroying [FormElements] component');
- };
- },
- []
- );
-
  const renderFormElement = (formElement: FormElement): ReactElement => {
  switch (formElement.type) {
  case FormElementType.TEXT_INPUT: