refactor: replace 'preact' with 'react' (#1048)

app/assets/javascripts/Components/Switch/Switch.tsx

@@ -1,20 +1,9 @@
 import { CustomCheckboxContainer, CustomCheckboxInput, CustomCheckboxInputProps } from '@reach/checkbox'
 import '@reach/checkbox/styles.css'
-import { ComponentChildren, FunctionalComponent } from 'preact'
-import { useState } from 'preact/hooks'
+import { FunctionComponent, useState } from 'react'
+import { SwitchProps } from './SwitchProps'
 
-export type SwitchProps = {
-  checked?: boolean
-  // Optional in case it is wrapped in a button (e.g. a menu item)
-  onChange?: (checked: boolean) => void
-  className?: string
-  children?: ComponentChildren
-  role?: string
-  disabled?: boolean
-  tabIndex?: number
-}
-
-export const Switch: FunctionalComponent<SwitchProps> = (props: SwitchProps) => {
+const Switch: FunctionComponent<SwitchProps> = (props: SwitchProps) => {
   const [checkedState, setChecked] = useState(props.checked || false)
   const checked = props.checked ?? checkedState
   const className = props.className ?? ''
@@ -51,3 +40,5 @@ export const Switch: FunctionalComponent<SwitchProps> = (props: SwitchProps) =>
     </label>
   )
 }
+
+export default Switch

app/assets/javascripts/Components/Switch/SwitchProps.tsx

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react'
+
+export type SwitchProps = {
+  checked?: boolean
+  onChange?: (checked: boolean) => void
+  className?: string
+  children?: ReactNode
+  role?: string
+  disabled?: boolean
+  tabIndex?: number
+}