Merge branch 'master' into lighthouse-ci-only

Author: Recxsmacx

components/About/about.tsx

@@ -1,5 +1,5 @@
 /* eslint-disable react/no-unescaped-entities */
-import React from 'react';
+import React, { JSX } from 'react';
 import Heading from '../Typography/heading';
 import Paragraph from '../Typography/paragraph';
 import Button from '../Buttons/button';

components/Agenda/agenda.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { JSX } from 'react';
 import Heading from '../Typography/heading';
 import Paragraph from '../Typography/paragraph';
 import { Agenda as AgendaType, ExtendedCity } from '../../types/types';

components/Buttons/button.tsx

@@ -1,3 +1,5 @@
+import React from 'react';
+
 type ButtonType = 'button' | 'submit' | 'reset' | undefined;
 
 interface IButton {
@@ -18,7 +20,7 @@ function Button({
   type,
   disabled,
   test,
-}: IButton): JSX.Element {
+}: IButton): React.JSX.Element {
   return (
     <button
       disabled={disabled}

components/Dropdown/dropdown.tsx

@@ -1,4 +1,4 @@
-import React, { useState, useRef, useEffect, SetStateAction } from 'react';
+import React, { useState, useRef, useEffect, SetStateAction, JSX } from 'react';
 import { City } from '../../types/types';
 
 interface IDropdown {

components/Footer/footer.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { JSX } from 'react';
 import Image from 'next/image';
 import ILink from '../illustration/link';
 import { Social } from '../../types/types';

components/Form/Cfp/stepOne.tsx

@@ -1,5 +1,5 @@
 /* eslint-disable react/no-unescaped-entities */
-import React from 'react';
+import React, { JSX } from 'react';
 import Button from '../../Buttons/button';
 import { CfpStepProps } from '../../../types/types';
 

components/Form/Cfp/stepThree.tsx

@@ -1,5 +1,5 @@
 /* eslint-disable react/no-unescaped-entities */
-import React, { useState, useEffect } from 'react';
+import React, { useState, useEffect, JSX } from 'react';
 import Select from '../../Select/select';
 import Button from '../../Buttons/button';
 import { CfpStepProps, SelectOptions } from '../../../types/types';

components/Form/Cfp/stepTwo.tsx

@@ -1,5 +1,5 @@
 /* eslint-disable react/no-unescaped-entities */
-import React from 'react';
+import React, { JSX } from 'react';
 import Button from '../../Buttons/button';
 import { CfpStepProps } from '../../../types/types';
 

components/Form/paper.tsx

@@ -1,4 +1,4 @@
-import React, { useState, useEffect, useRef, FormEvent } from 'react';
+import React, { useState, useEffect, useRef, FormEvent, JSX } from 'react';
 import Confetti from 'react-confetti';
 import StepOne from './Cfp/stepOne';
 import StepTwo from './Cfp/stepTwo';

components/Form/subscription.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { JSX } from 'react';
 import Button from '../Buttons/button';
 
 function Subscription(): JSX.Element {