React19: Update "Removed deprecated TypeScript types"

`npx types-react-codemod@latest preset-19 ./`

https://react.dev/blog/2024/04/25/react-19-upgrade-guide#removed-deprecated-typescript-types

And then fix the useRef type to add `undefined`

src/app/_components/forms/Form.tsx

@@ -1,5 +1,5 @@
 import { zodResolver } from '@hookform/resolvers/zod'
-import { PropsWithoutRef, ReactNode, useState } from 'react'
+import { PropsWithoutRef, ReactNode, useState, type JSX } from 'react'
 import { FormProvider, UseFormProps, useForm } from 'react-hook-form'
 import { IntlProvider } from 'react-intl'
 import { twMerge } from 'tailwind-merge'

src/app/_components/forms/LabeledCheckbox.tsx

@@ -1,5 +1,5 @@
 import { ErrorMessage } from '@hookform/error-message'
-import { ComponentPropsWithoutRef, PropsWithoutRef, forwardRef } from 'react'
+import { ComponentPropsWithoutRef, PropsWithoutRef, forwardRef, type JSX } from 'react'
 import { useFormContext } from 'react-hook-form'
 import { twJoin, twMerge } from 'tailwind-merge'
 

src/app/_components/forms/LabeledRadiobutton.tsx

@@ -1,5 +1,5 @@
 import { ErrorMessage } from '@hookform/error-message'
-import { ComponentPropsWithoutRef, PropsWithoutRef, forwardRef } from 'react'
+import { ComponentPropsWithoutRef, PropsWithoutRef, forwardRef, type JSX } from 'react'
 import { useFormContext } from 'react-hook-form'
 import { twJoin, twMerge } from 'tailwind-merge'
 

src/app/_components/forms/LabeledSelect.tsx

@@ -1,6 +1,6 @@
 import { ErrorMessage } from '@hookform/error-message'
 import { twJoin } from 'tailwind-merge'
-import { ComponentPropsWithoutRef, forwardRef, PropsWithoutRef } from 'react'
+import { ComponentPropsWithoutRef, forwardRef, PropsWithoutRef, type JSX } from 'react'
 import { useFormContext } from 'react-hook-form'
 
 export interface LabeledSelectProps extends PropsWithoutRef<JSX.IntrinsicElements['select']> {

src/app/_components/forms/LabeledTextField.tsx

@@ -1,6 +1,6 @@
 import { ErrorMessage } from '@hookform/error-message'
 import { twJoin } from 'tailwind-merge'
-import { ComponentPropsWithoutRef, forwardRef, PropsWithoutRef } from 'react'
+import { ComponentPropsWithoutRef, forwardRef, PropsWithoutRef, type JSX } from 'react'
 import { useFormContext } from 'react-hook-form'
 
 export interface LabeledTextFieldProps extends PropsWithoutRef<JSX.IntrinsicElements['input']> {

src/app/_components/forms/LabeledTextareaField.tsx

@@ -1,6 +1,6 @@
 import { ErrorMessage } from '@hookform/error-message'
 import { twJoin } from 'tailwind-merge'
-import { ComponentPropsWithoutRef, forwardRef, PropsWithoutRef } from 'react'
+import { ComponentPropsWithoutRef, forwardRef, PropsWithoutRef, type JSX } from 'react'
 import { useFormContext } from 'react-hook-form'
 
 export interface LabeledTextareaProps extends PropsWithoutRef<JSX.IntrinsicElements['textarea']> {

src/app/regionen/[regionSlug]/_components/Map/Calculator/Calculator.tsx

@@ -6,7 +6,7 @@ import { CalculatorOutput } from './CalculatorOutput'
 import { flattenSubcategories } from './utils/flattenSubcategories'
 
 export const Calculator = () => {
-  const drawControlRef = useRef<MapboxDraw>()
+  const drawControlRef = useRef<MapboxDraw | undefined>(undefined)
 
   // This blob ist just to check if the Calculator should be enabled
   // by checking the sourceData.