further typing improvements

components/footer.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react'
+import React from 'react'
 
 export default function Footer() {
   return (

components/header.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react'
+import React from 'react'
 
 export default function Header() {
   return (

components/wizard/contact.tsx

@@ -1,5 +1,4 @@
-import * as React from 'react'
-import { useContext } from 'react'
+import React, { useContext } from 'react'
 import { WizardContext } from './context/wizardStore'
 import Required from './required'
 

components/wizard/context/wizardStore.tsx

@@ -1,10 +1,8 @@
-import * as React from 'react'
-import { useReducer, useEffect } from 'react'
-
+import React, { useEffect, useReducer } from 'react'
 import {
-  storeBookingData,
-  loadBookingData,
   clearBookingData,
+  loadBookingData,
+  storeBookingData,
 } from '../../../helpers/storage'
 
 interface WizardFormData {

components/wizard/dateSelect.tsx

@@ -1,18 +1,13 @@
-import * as React from 'react'
-import { useEffect, useContext, useState, useRef } from 'react'
-import useSWR from 'swr'
-
-import { WizardContext } from './context/wizardStore'
-
+import 'moment/locale/de'
+import React, { useContext, useEffect, useRef, useState } from 'react'
 import { DateUtils, RangeModifier } from 'react-day-picker'
 import DayPickerInput from 'react-day-picker/DayPickerInput'
-
-import Required from './required'
-import { dateFormatBackend } from '../../helpers/date'
-import { getNextSmaller, getNextBigger } from '../../helpers/array'
-
 import MomentLocaleUtils from 'react-day-picker/moment'
-import 'moment/locale/de'
+import useSWR from 'swr'
+import { getNextBigger, getNextSmaller } from '../../helpers/array'
+import { dateFormatBackend } from '../../helpers/date'
+import { WizardContext } from './context/wizardStore'
+import Required from './required'
 
 const fetcher = (path: string) => fetch(path).then((r) => r.json())
 

components/wizard/index.tsx

@@ -1,13 +1,9 @@
-import * as React from 'react'
-import { useContext } from 'react'
-
 import Link from 'next/link'
-
+import React, { useContext } from 'react'
+import Contact from './contact'
 import WizardStore, { WizardContext } from './context/wizardStore'
-
 import DateSelect from './dateSelect'
 import Reason from './reason'
-import Contact from './contact'
 
 function WizardInternal() {
   const { onSubmit, state, forgetData, storeData } = useContext(WizardContext)

components/wizard/reason.tsx

@@ -1,5 +1,4 @@
-import * as React from 'react'
-import { useContext } from 'react'
+import React, { useContext } from 'react'
 import { WizardContext } from './context/wizardStore'
 import Required from './required'
 

components/wizard/required.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react'
+import React from 'react'
 
 const Required = () => <span>*</span>
 export default Required