fix: remove JSX annotation and import

Refs: HAUKI-747

Author: Riippi

src/App.tsx

@@ -1,4 +1,4 @@
-import { useCallback, useMemo, useState, type JSX } from 'react';
+import { useCallback, useMemo, useState } from 'react';
 import { BrowserRouter as Router, Route, Routes } from 'react-router-dom';
 import 'hds-core';
 import { CookieBanner, CookieConsentContextProvider } from 'hds-react';
@@ -47,7 +47,7 @@ const getPersistentTokens = (): OptionalAuthTokens => {
   return getTokens();
 };
 
-const App = (): JSX.Element => {
+const App = () => {
   const hasOpenerWindow =
     !!document.referrer && document.referrer !== window.location.href;
 

src/common/selectedDatePeriodsContext/SelectedDatePeriodsContext.tsx

@@ -4,7 +4,6 @@ import React, {
   useEffect,
   useMemo,
   useCallback,
-  type JSX,
 } from 'react';
 import store from '../utils/storage/sessionStorage';
 import { DatePeriod } from '../lib/types';
@@ -34,7 +33,7 @@ export const SelectedDatePeriodsProvider = ({
   children,
 }: {
   children: React.ReactNode;
-}): JSX.Element => {
+}) => {
   const [selectedDatePeriods, setSelectedDatePeriods] = useState<DatePeriod[]>(
     () => {
       const storedDatePeriods: DatePeriod[] =

src/components/button/Button.tsx

@@ -5,7 +5,7 @@ import {
   ButtonVariant as HDSButtonVariant,
   LoadingSpinner,
 } from 'hds-react';
-import React, { type JSX } from 'react';
+import React from 'react';
 import './Button.scss';
 
 type ButtonTypeVariant = 'button' | 'submit' | 'reset' | undefined;
@@ -47,7 +47,7 @@ export const SecondaryButton = ({
   'aria-expanded': ariaExpanded,
   style,
   ref,
-}: SecondaryButtonProps): JSX.Element => {
+}: SecondaryButtonProps) => {
   return (
     <HDSButton
       aria-expanded={ariaExpanded}
@@ -86,7 +86,7 @@ export const PrimaryButton = ({
   'aria-expanded': ariaExpanded,
   style,
   ref,
-}: ButtonProps): JSX.Element => {
+}: ButtonProps) => {
   return (
     <HDSButton
       aria-expanded={ariaExpanded}
@@ -129,7 +129,7 @@ export const SupplementaryButton = ({
   'aria-expanded': ariaExpanded,
   style,
   ref,
-}: ButtonProps): JSX.Element => {
+}: ButtonProps) => {
   return (
     <HDSButton
       aria-expanded={ariaExpanded}

src/components/collapse/Collapse.tsx

@@ -1,4 +1,4 @@
-import React, { ReactNode, useState, type JSX } from 'react';
+import React, { ReactNode, useState } from 'react';
 import { IconAngleDown, IconAngleUp } from 'hds-react';
 import './Collapse.scss';
 
@@ -26,7 +26,7 @@ const CollapseButton = ({
   isOpen,
   toggleOpen,
   children,
-}: CollapseButtonProps): JSX.Element => {
+}: CollapseButtonProps) => {
   const onKeyDown = (event: React.KeyboardEvent<HTMLButtonElement>): void => {
     if (event.keyCode === 13) {
       toggleOpen();
@@ -57,7 +57,7 @@ const Collapse = ({
   title,
   children,
   isOpen,
-}: CollapseProps): JSX.Element => {
+}: CollapseProps) => {
   const buttonId = `${collapseContentId}-button`;
   const [isOpenState, setOpen] = useState<boolean>(isOpen);
 

src/components/exception-opening-hours-form/ExceptionOpeningHoursForm.tsx

@@ -6,14 +6,13 @@ import OpeningHoursForm, {
   OpeningHoursFormProps,
 } from '../opening-hours-form/OpeningHoursForm';
 
-import type { JSX } from "react";
 
 const ExceptionOpeningHoursForm = ({
   copyFrom,
   ...props
 }: Omit<OpeningHoursFormProps, 'config'> & {
   copyFrom?: DatePeriod;
-}): JSX.Element => {
+}) => {
   const { t } = useTranslation();
 
   const config: FormConfig = {

src/components/exception-opening-hours-state-toggle/ExceptionOpeningHoursStateToggle.tsx

@@ -1,4 +1,4 @@
-import { ReactNode, useState, type JSX } from 'react';
+import { ReactNode, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { RadioButton, SelectionGroup } from 'hds-react';
 import { useFormContext } from 'react-hook-form';
@@ -18,7 +18,7 @@ const ExceptionOpeningHoursStateToggle = ({
   initiallyOpen: boolean;
   onClose: () => void;
   onOpen: () => void;
-}): JSX.Element => {
+}) => {
   const { t } = useTranslation();
   const [isOpen, setOpen] = useState<boolean>(initiallyOpen);
   const { watch } = useFormContext<DatePeriod>();

src/components/exception-opening-hours-validity/ExceptionOpeningHoursValidity.tsx

@@ -12,9 +12,8 @@ import { defaultTimeSpanGroup } from '../../constants';
 import ExceptionOpeningHoursStateToggle from '../exception-opening-hours-state-toggle/ExceptionOpeningHoursStateToggle';
 import './ExceptionOpeningHoursValidity.scss';
 
-import type { JSX } from "react";
 
-const ExceptionOpeningHoursValidity = (): JSX.Element => {
+const ExceptionOpeningHoursValidity = () => {
   const { t } = useTranslation();
   const { language = Language.FI } = useAppContext();
   const { getValues, setValue, watch } = useFormContext<DatePeriod>();
@@ -41,7 +40,7 @@ const ExceptionOpeningHoursValidity = (): JSX.Element => {
               render={({
                 field: { name, onBlur, onChange, ref, value },
                 fieldState,
-              }): JSX.Element => (
+              }) => (
                 <DateInput
                   id="exception-start-date"
                   className="exception-date"
@@ -82,7 +81,7 @@ const ExceptionOpeningHoursValidity = (): JSX.Element => {
               render={({
                 field: { name, onBlur, onChange, ref, value },
                 fieldState,
-              }): JSX.Element => (
+              }) => (
                 <DateInput
                   id="exception-end-date"
                   className="exception-date"

src/components/footer/HaukiFooter.tsx

@@ -3,9 +3,8 @@ import { useTranslation } from 'react-i18next';
 import { useAppContext } from '../../App-context';
 import './HaukiFooter.scss';
 
-import type { JSX } from "react";
 
-const HaukiFooter = (): JSX.Element => {
+const HaukiFooter = () => {
   const { language } = useAppContext();
   const { t } = useTranslation();
 

src/components/header/HaukiHeader.tsx

@@ -1,5 +1,5 @@
 
-import React, { type JSX } from 'react';
+import React from 'react';
 import { useNavigate, useParams } from 'react-router-dom';
 import {
   IconCrossCircleFill,
@@ -19,7 +19,7 @@ import toast from '../notification/Toast';
 import { Language } from '../../common/lib/types';
 import { languageOptions } from '../../constants';
 
-const HaukiHeader = (): JSX.Element => {
+const HaukiHeader = () => {
   const { hasOpenerWindow, closeAppWindow, language, setLanguage } =
     useAppContext();
   const authProps: Partial<AuthContextProps> = useAuth();

src/components/holiday-opening-hours/HolidayOpeningHours.tsx

@@ -6,7 +6,6 @@ import {
 } from '../../common/lib/types';
 import { TimeSpan } from '../opening-hours-preview/OpeningHoursPreview';
 
-import type { JSX } from "react";
 
 type Props = {
   datePeriod?: DatePeriod;
@@ -16,7 +15,7 @@ type Props = {
 const HolidayOpeningHours = ({
   datePeriod,
   datePeriodConfig,
-}: Props): JSX.Element => {
+}: Props) => {
   const { t } = useTranslation();
   if (datePeriod) {
     return (