refactor: Bump all frontend dependencies

Author: Hypfer

custom_components/scene_presets/frontend/scene_presets_panel.js

@@ -3,13 +3,13 @@ import {PresetApplyPage} from "./pages/PresetApplyPage";
 import {Category, Preset} from "./types";
 import {useSessionStorage} from "./hooks/useSessionStorage";
 
-declare global {
+declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
             ["ha-app-layout"]: any;
             ["app-header"]: any;
-            ["app-toolbar"]: any
-            ["ha-menu-button"]: any
+            ["app-toolbar"]: any;
+            ["ha-menu-button"]: any;
             ["ha-entity-toggle"]: any;
             ["ha-top-app-bar-fixed"]: any;
             ["ha-selector"]: any;
@@ -30,7 +30,7 @@ export const App : React.FunctionComponent<{
 }> = ({
     hass,
     narrow,
-}): JSX.Element => {
+}): React.JSX.Element => {
     const [categories, setCategories] = useSessionStorage<Array<Category>>("scene_presets_categories",[]);
     const [presets, setPresets] = useSessionStorage<Array<Preset>>("scene_presets_presets",[]);
 

js/App.tsx

@@ -15,7 +15,7 @@ export const DynamicSceneTile :React.FunctionComponent<{
     transition,
     imgSrc,
     onClick,
-}): JSX.Element => {
+}): React.JSX.Element => {
     return (
         <div
             className={"tile"}

js/components/DynamicSceneTile.tsx

@@ -17,7 +17,7 @@ export const PresetTile :React.FunctionComponent<{
 
     onFavClick,
     isFav
-}): JSX.Element => {
+}): React.JSX.Element => {
     // These two variables are _somehow_ required because without the change in key, the icon won't change even though we get rerendered ??
     const favedIcon = <HaIconButton
         key={"id_fav"}

js/components/PresetTile.tsx

@@ -8,7 +8,7 @@ interface HaDialogProps {
 }
 
 class HaDialog extends Component<HaDialogProps> {
-    private elementRef: React.RefObject<HTMLInputElement>;
+    private elementRef: React.RefObject<HTMLInputElement | null>;
 
     constructor(props: HaDialogProps) {
         super(props);

js/components/hass/building_blocks/HaDialog.tsx

@@ -7,7 +7,7 @@ interface HaIconProps {
 }
 
 class HaIcon extends Component<HaIconProps> {
-    private elementRef: React.RefObject<HTMLInputElement>;
+    private elementRef: React.RefObject<HTMLInputElement | null>;
     private icon: string;
     private size: number;
 

js/components/hass/building_blocks/HaIcon.tsx

@@ -10,7 +10,7 @@ interface HaIconButtonProps {
 }
 
 class HaIconButton extends Component<HaIconButtonProps> {
-    private elementRef: React.RefObject<HTMLInputElement>;
+    private elementRef: React.RefObject<HTMLInputElement | null>;
     private icon: string;
     private size: number;
     private iconSize: number;

js/components/hass/building_blocks/HaIconButton.tsx

@@ -6,7 +6,7 @@ interface HaSwitchProps {
 }
 
 class HaSwitch extends Component<HaSwitchProps> {
-    private elementRef: React.RefObject<HTMLInputElement>;
+    private elementRef: React.RefObject<HTMLInputElement | null>;
 
     constructor(props: HaSwitchProps) {
         super(props);

js/components/hass/building_blocks/HaSwitch.tsx

@@ -7,7 +7,7 @@ interface MwcButtonProps {
 }
 
 class MwcButton extends Component<MwcButtonProps> {
-    private elementRef: React.RefObject<HTMLInputElement>;
+    private elementRef: React.RefObject<HTMLInputElement | null>;
     private label: string;
     private slot: string | undefined;
 

js/components/hass/building_blocks/MwcButton.tsx

@@ -8,7 +8,7 @@ export interface HaSelectorProps {
 }
 
 abstract class HaSelector<P> extends Component<P & HaSelectorProps> {
-    private elementRef: React.RefObject<HTMLElement>;
+    private elementRef: React.RefObject<HTMLElement | null>;
 
     constructor(props: P & HaSelectorProps) {
         super(props);