diff --git a/frontend/code/componentManagement.ts b/frontend/code/componentManagement.ts
index 02ddd5f7..a91b742d 100644
--- a/frontend/code/componentManagement.ts
+++ b/frontend/code/componentManagement.ts
@@ -17,7 +17,7 @@ import { ComponentTreeComponent } from "./components/componentTree";
 import { CustomListItemComponent } from "./components/customListItem";
 import { devToolsConnector } from "./app";
 import { DevToolsConnectorComponent } from "./components/devToolsConnector";
-import { DialogContainerComponent } from "./components/dialog_container";
+import { DialogContainerComponent } from "./components/dialogContainer";
 import { DrawerComponent } from "./components/drawer";
 import { DropdownComponent } from "./components/dropdown";
 import { FilePickerAreaComponent } from "./components/filePickerArea";
diff --git a/frontend/code/components/aspectRatioContainer.ts b/frontend/code/components/aspectRatioContainer.ts
index 7b4184d2..ba02da9f 100644
--- a/frontend/code/components/aspectRatioContainer.ts
+++ b/frontend/code/components/aspectRatioContainer.ts
@@ -9,7 +9,7 @@ export type AspectRatioContainerState = ComponentState & {
 };
 
 export class AspectRatioContainerComponent extends ComponentBase {
-    state: Required<AspectRatioContainerState>;
+    declare state: Required<AspectRatioContainerState>;
 
     private innerElement: HTMLElement;
     private childContainer: HTMLElement;
diff --git a/frontend/code/components/buttons.ts b/frontend/code/components/buttons.ts
index 78a8ef21..14d837fb 100644
--- a/frontend/code/components/buttons.ts
+++ b/frontend/code/components/buttons.ts
@@ -13,7 +13,7 @@ type AbstractButtonState = ComponentState & {
 };
 
 abstract class AbstractButtonComponent extends ComponentBase {
-    state: Required<AbstractButtonState>;
+    declare state: Required<AbstractButtonState>;
 
     // This is the element with the `rio-button` class. The subclass is
     // responsible for creating it (by calling `createButtonElement()`).
@@ -132,7 +132,7 @@ export type ButtonState = AbstractButtonState & {
 };
 
 export class ButtonComponent extends AbstractButtonComponent {
-    state: Required<ButtonState>;
+    declare state: Required<ButtonState>;
 
     createElement(): HTMLElement {
         this.buttonElement = this.createButtonElement();
@@ -147,7 +147,7 @@ export type IconButtonState = AbstractButtonState & {
 };
 
 export class IconButtonComponent extends AbstractButtonComponent {
-    state: Required<IconButtonState>;
+    declare state: Required<IconButtonState>;
 
     private resizeObserver: ResizeObserver;
 
diff --git a/frontend/code/components/calendar.ts b/frontend/code/components/calendar.ts
index 822e3481..7517ccc2 100644
--- a/frontend/code/components/calendar.ts
+++ b/frontend/code/components/calendar.ts
@@ -16,7 +16,7 @@ export type CalendarState = ComponentState & {
 };
 
 export class CalendarComponent extends ComponentBase {
-    state: Required<CalendarState>;
+    declare state: Required<CalendarState>;
 
     // Internal HTML Elements
     private prevYearButton: HTMLElement;
diff --git a/frontend/code/components/card.ts b/frontend/code/components/card.ts
index 36a590b2..6f650094 100644
--- a/frontend/code/components/card.ts
+++ b/frontend/code/components/card.ts
@@ -16,7 +16,7 @@ export type CardState = ComponentState & {
 };
 
 export class CardComponent extends ComponentBase {
-    state: Required<CardState>;
+    declare state: Required<CardState>;
 
     // If this card has a ripple effect, this is the ripple instance. `null`
     // otherwise.
diff --git a/frontend/code/components/checkbox.ts b/frontend/code/components/checkbox.ts
index 10b70dc6..c51c32bc 100644
--- a/frontend/code/components/checkbox.ts
+++ b/frontend/code/components/checkbox.ts
@@ -8,7 +8,7 @@ export type CheckboxState = ComponentState & {
 };
 
 export class CheckboxComponent extends ComponentBase {
-    state: Required<CheckboxState>;
+    declare state: Required<CheckboxState>;
 
     private checkboxElement: HTMLInputElement;
     private borderElement: HTMLElement;
diff --git a/frontend/code/components/classContainer.ts b/frontend/code/components/classContainer.ts
index e739bcc3..922d62f3 100644
--- a/frontend/code/components/classContainer.ts
+++ b/frontend/code/components/classContainer.ts
@@ -8,7 +8,7 @@ export type ClassContainerState = ComponentState & {
 };
 
 export class ClassContainerComponent extends ComponentBase {
-    state: Required<ClassContainerState>;
+    declare state: Required<ClassContainerState>;
 
     createElement(): HTMLElement {
         return document.createElement("div");
diff --git a/frontend/code/components/codeBlock.ts b/frontend/code/components/codeBlock.ts
index 4afe420f..34d3b2d7 100644
--- a/frontend/code/components/codeBlock.ts
+++ b/frontend/code/components/codeBlock.ts
@@ -127,7 +127,7 @@ export function convertDivToCodeBlock(
 }
 
 export class CodeBlockComponent extends ComponentBase {
-    state: Required<CodeBlockState>;
+    declare state: Required<CodeBlockState>;
 
     createElement(): HTMLElement {
         const element = document.createElement("div");
diff --git a/frontend/code/components/codeExplorer.ts b/frontend/code/components/codeExplorer.ts
index f0e7fb27..ac867a4c 100644
--- a/frontend/code/components/codeExplorer.ts
+++ b/frontend/code/components/codeExplorer.ts
@@ -13,7 +13,7 @@ export type CodeExplorerState = ComponentState & {
 };
 
 export class CodeExplorerComponent extends ComponentBase {
-    state: Required<CodeExplorerState>;
+    declare state: Required<CodeExplorerState>;
 
     private sourceCodeElement: HTMLElement;
     private arrowElement: HTMLElement;
diff --git a/frontend/code/components/colorPicker.ts b/frontend/code/components/colorPicker.ts
index 248beba6..e0c8933f 100644
--- a/frontend/code/components/colorPicker.ts
+++ b/frontend/code/components/colorPicker.ts
@@ -10,7 +10,7 @@ export type ColorPickerState = ComponentState & {
 };
 
 export class ColorPickerComponent extends ComponentBase {
-    state: Required<ColorPickerState>;
+    declare state: Required<ColorPickerState>;
 
     private colorSquare: HTMLElement;
     private squareKnob: HTMLElement;
diff --git a/frontend/code/components/componentBase.ts b/frontend/code/components/componentBase.ts
index 43960a5e..bf75bfe7 100644
--- a/frontend/code/components/componentBase.ts
+++ b/frontend/code/components/componentBase.ts
@@ -10,7 +10,7 @@ import {
 import { ComponentId } from "../dataModels";
 import { insertWrapperElement, replaceElement } from "../utils";
 import { devToolsConnector } from "../app";
-import { DialogContainerComponent } from "./dialog_container";
+import { DialogContainerComponent } from "./dialogContainer";
 
 /// Base for all component states. Updates received from the backend are
 /// partial, hence most properties may be undefined.
diff --git a/frontend/code/components/componentTree.ts b/frontend/code/components/componentTree.ts
index 5cd15890..6be5d41d 100644
--- a/frontend/code/components/componentTree.ts
+++ b/frontend/code/components/componentTree.ts
@@ -16,7 +16,7 @@ export type ComponentTreeState = ComponentState & {
 };
 
 export class ComponentTreeComponent extends ComponentBase {
-    state: Required<ComponentTreeState>;
+    declare state: Required<ComponentTreeState>;
 
     private highlighter = new Highlighter();
 
diff --git a/frontend/code/components/customListItem.ts b/frontend/code/components/customListItem.ts
index 873176cc..8dd258c1 100644
--- a/frontend/code/components/customListItem.ts
+++ b/frontend/code/components/customListItem.ts
@@ -9,7 +9,7 @@ export type CustomListItemState = ComponentState & {
 };
 
 export class CustomListItemComponent extends ComponentBase {
-    state: Required<CustomListItemState>;
+    declare state: Required<CustomListItemState>;
 
     // If this item has a ripple effect, this is the ripple instance. `null`
     // otherwise.
diff --git a/frontend/code/components/devToolsConnector.ts b/frontend/code/components/devToolsConnector.ts
index b3fac984..589b8d5f 100644
--- a/frontend/code/components/devToolsConnector.ts
+++ b/frontend/code/components/devToolsConnector.ts
@@ -7,7 +7,7 @@ export type DevToolsConnectorState = ComponentState & {
 };
 
 export class DevToolsConnectorComponent extends ComponentBase {
-    state: Required<DevToolsConnectorState>;
+    declare state: Required<DevToolsConnectorState>;
 
     // If component tree components exists, they register here
     public componentTreeComponent: ComponentTreeComponent | null = null;
diff --git a/frontend/code/components/dialog_container.ts b/frontend/code/components/dialogContainer.ts
similarity index 98%
rename from frontend/code/components/dialog_container.ts
rename to frontend/code/components/dialogContainer.ts
index 167c24c2..0affb67a 100644
--- a/frontend/code/components/dialog_container.ts
+++ b/frontend/code/components/dialogContainer.ts
@@ -14,7 +14,7 @@ export type DialogContainerState = ComponentState & {
 };
 
 export class DialogContainerComponent extends ComponentBase {
-    state: Required<DialogContainerState>;
+    declare state: Required<DialogContainerState>;
 
     createElement(): HTMLElement {
         // Create the element
diff --git a/frontend/code/components/drawer.ts b/frontend/code/components/drawer.ts
index 09941f35..876c24a3 100644
--- a/frontend/code/components/drawer.ts
+++ b/frontend/code/components/drawer.ts
@@ -17,7 +17,7 @@ export type DrawerState = ComponentState & {
 };
 
 export class DrawerComponent extends ComponentBase {
-    state: Required<DrawerState>;
+    declare state: Required<DrawerState>;
 
     private anchorContainer: HTMLElement;
     private contentOuterContainer: HTMLElement;
diff --git a/frontend/code/components/dropdown.ts b/frontend/code/components/dropdown.ts
index 4b94727e..5284d578 100644
--- a/frontend/code/components/dropdown.ts
+++ b/frontend/code/components/dropdown.ts
@@ -16,7 +16,7 @@ export type DropdownState = ComponentState & {
 };
 
 export class DropdownComponent extends ComponentBase {
-    state: Required<DropdownState>;
+    declare state: Required<DropdownState>;
 
     private inputBox: InputBox;
     private hiddenOptionsElement: HTMLElement;
diff --git a/frontend/code/components/errorPlaceholder.ts b/frontend/code/components/errorPlaceholder.ts
index 000f61c8..6fcf3c90 100644
--- a/frontend/code/components/errorPlaceholder.ts
+++ b/frontend/code/components/errorPlaceholder.ts
@@ -8,7 +8,7 @@ export type BuildFailedState = ComponentState & {
 };
 
 export class ErrorPlaceholderComponent extends ComponentBase {
-    state: Required<BuildFailedState>;
+    declare state: Required<BuildFailedState>;
 
     private iconElement: HTMLElement;
     private summaryElement: HTMLElement;
diff --git a/frontend/code/components/filePickerArea.ts b/frontend/code/components/filePickerArea.ts
index 857ad3d3..62654008 100644
--- a/frontend/code/components/filePickerArea.ts
+++ b/frontend/code/components/filePickerArea.ts
@@ -86,7 +86,7 @@ type FilePickerAreaState = ComponentState & {
 };
 
 export class FilePickerAreaComponent extends ComponentBase {
-    state: Required<FilePickerAreaState>;
+    declare state: Required<FilePickerAreaState>;
 
     private fileInput: HTMLInputElement;
     private iconElement: HTMLElement;
diff --git a/frontend/code/components/flowContainer.ts b/frontend/code/components/flowContainer.ts
index 6dd114c7..3ccb4c40 100644
--- a/frontend/code/components/flowContainer.ts
+++ b/frontend/code/components/flowContainer.ts
@@ -11,7 +11,7 @@ export type FlowState = ComponentState & {
 };
 
 export class FlowComponent extends ComponentBase {
-    state: Required<FlowState>;
+    declare state: Required<FlowState>;
 
     private innerElement: HTMLElement;
 
diff --git a/frontend/code/components/fundamentalRootComponent.ts b/frontend/code/components/fundamentalRootComponent.ts
index 9c872757..07b9e448 100644
--- a/frontend/code/components/fundamentalRootComponent.ts
+++ b/frontend/code/components/fundamentalRootComponent.ts
@@ -26,7 +26,7 @@ export type FundamentalRootComponentState = ComponentState & {
 };
 
 export class FundamentalRootComponent extends ComponentBase {
-    state: Required<FundamentalRootComponentState>;
+    declare state: Required<FundamentalRootComponentState>;
 
     public overlaysContainer: HTMLElement;
 
diff --git a/frontend/code/components/grid.ts b/frontend/code/components/grid.ts
index c79b62f3..9f041056 100644
--- a/frontend/code/components/grid.ts
+++ b/frontend/code/components/grid.ts
@@ -19,7 +19,7 @@ export type GridState = ComponentState & {
 };
 
 export class GridComponent extends ComponentBase {
-    state: Required<GridState>;
+    declare state: Required<GridState>;
 
     createElement(): HTMLElement {
         let element = document.createElement("div");
diff --git a/frontend/code/components/headingListItem.ts b/frontend/code/components/headingListItem.ts
index 2579f9b5..893c6033 100644
--- a/frontend/code/components/headingListItem.ts
+++ b/frontend/code/components/headingListItem.ts
@@ -7,7 +7,7 @@ export type HeadingListItemState = ComponentState & {
 };
 
 export class HeadingListItemComponent extends ComponentBase {
-    state: Required<HeadingListItemState>;
+    declare state: Required<HeadingListItemState>;
 
     createElement(): HTMLElement {
         // Create the element
diff --git a/frontend/code/components/highLevelComponent.ts b/frontend/code/components/highLevelComponent.ts
index 919dddee..3d56d735 100644
--- a/frontend/code/components/highLevelComponent.ts
+++ b/frontend/code/components/highLevelComponent.ts
@@ -7,7 +7,7 @@ export type HighLevelComponentState = ComponentState & {
 };
 
 export class HighLevelComponent extends ComponentBase {
-    state: Required<HighLevelComponentState>;
+    declare state: Required<HighLevelComponentState>;
 
     createElement(): HTMLElement {
         let element = document.createElement("div");
diff --git a/frontend/code/components/html.ts b/frontend/code/components/html.ts
index 71143fb5..3a920b87 100644
--- a/frontend/code/components/html.ts
+++ b/frontend/code/components/html.ts
@@ -6,7 +6,7 @@ export type HtmlState = ComponentState & {
 };
 
 export class HtmlComponent extends ComponentBase {
-    state: Required<HtmlState>;
+    declare state: Required<HtmlState>;
 
     private isInitialized = false;
 
diff --git a/frontend/code/components/icon.ts b/frontend/code/components/icon.ts
index 5fbec06b..6db6c966 100644
--- a/frontend/code/components/icon.ts
+++ b/frontend/code/components/icon.ts
@@ -15,7 +15,7 @@ export type IconState = ComponentState & {
 };
 
 export class IconComponent extends ComponentBase {
-    state: Required<IconState>;
+    declare state: Required<IconState>;
 
     private svgElement: SVGSVGElement;
 
diff --git a/frontend/code/components/image.ts b/frontend/code/components/image.ts
index ce80584d..457aa65f 100644
--- a/frontend/code/components/image.ts
+++ b/frontend/code/components/image.ts
@@ -17,7 +17,7 @@ export type ImageState = ComponentState & {
 };
 
 export class ImageComponent extends ComponentBase {
-    state: Required<ImageState>;
+    declare state: Required<ImageState>;
 
     private imageElement: HTMLImageElement;
     private resizeObserver: ResizeObserver;
diff --git a/frontend/code/components/keyEventListener.ts b/frontend/code/components/keyEventListener.ts
index 1a587516..8564e49a 100644
--- a/frontend/code/components/keyEventListener.ts
+++ b/frontend/code/components/keyEventListener.ts
@@ -692,7 +692,7 @@ export type KeyEventListenerState = ComponentState & {
 };
 
 export class KeyEventListenerComponent extends ComponentBase {
-    state: Required<KeyEventListenerState>;
+    declare state: Required<KeyEventListenerState>;
 
     createElement(): HTMLElement {
         let element = document.createElement("div");
diff --git a/frontend/code/components/layoutDisplay.ts b/frontend/code/components/layoutDisplay.ts
index 04bb24d4..8068cdb7 100644
--- a/frontend/code/components/layoutDisplay.ts
+++ b/frontend/code/components/layoutDisplay.ts
@@ -13,7 +13,7 @@ export type LayoutDisplayState = ComponentState & {
 };
 
 export class LayoutDisplayComponent extends ComponentBase {
-    state: Required<LayoutDisplayState>;
+    declare state: Required<LayoutDisplayState>;
 
     // Represents the target component's parent. It matches the aspect ratio of
     // the parent and is centered within this component.
diff --git a/frontend/code/components/linearContainers.ts b/frontend/code/components/linearContainers.ts
index 2885fabb..8b8e6d38 100644
--- a/frontend/code/components/linearContainers.ts
+++ b/frontend/code/components/linearContainers.ts
@@ -14,7 +14,7 @@ export type LinearContainerState = ComponentState & {
 const PROPORTIONS_SPACER_SIZE = 30;
 
 export abstract class LinearContainer extends ComponentBase {
-    state: Required<LinearContainerState>;
+    declare state: Required<LinearContainerState>;
 
     index = -1; // 0 for Rows, 1 for Columns
     sizeAttribute = ""; // 'width' for Rows, 'height' for Columns
diff --git a/frontend/code/components/link.ts b/frontend/code/components/link.ts
index df918249..1522ec21 100644
--- a/frontend/code/components/link.ts
+++ b/frontend/code/components/link.ts
@@ -13,7 +13,7 @@ export type LinkState = ComponentState & {
 };
 
 export class LinkComponent extends ComponentBase {
-    state: Required<LinkState>;
+    declare state: Required<LinkState>;
 
     createElement(): HTMLElement {
         let element = document.createElement("a");
diff --git a/frontend/code/components/listView.ts b/frontend/code/components/listView.ts
index a0e738c0..053c628f 100644
--- a/frontend/code/components/listView.ts
+++ b/frontend/code/components/listView.ts
@@ -11,7 +11,7 @@ export type ListViewState = ComponentState & {
 };
 
 export class ListViewComponent extends ComponentBase {
-    state: Required<ListViewState>;
+    declare state: Required<ListViewState>;
 
     createElement(): HTMLElement {
         let element = document.createElement("div");
diff --git a/frontend/code/components/markdown.ts b/frontend/code/components/markdown.ts
index dd8b97d4..0aff530c 100644
--- a/frontend/code/components/markdown.ts
+++ b/frontend/code/components/markdown.ts
@@ -113,7 +113,7 @@ function hijackLocalLinks(div: HTMLElement): void {
 }
 
 export class MarkdownComponent extends ComponentBase {
-    state: Required<MarkdownState>;
+    declare state: Required<MarkdownState>;
 
     createElement(): HTMLElement {
         const element = document.createElement("div");
diff --git a/frontend/code/components/mediaPlayer.ts b/frontend/code/components/mediaPlayer.ts
index 31f4f270..efcd62c3 100644
--- a/frontend/code/components/mediaPlayer.ts
+++ b/frontend/code/components/mediaPlayer.ts
@@ -59,7 +59,7 @@ async function hasAudio(element: HTMLMediaElement): Promise<boolean> {
 }
 
 export class MediaPlayerComponent extends ComponentBase {
-    state: Required<MediaPlayerState>;
+    declare state: Required<MediaPlayerState>;
 
     private mediaPlayer: HTMLVideoElement;
     private altDisplay: HTMLElement;
diff --git a/frontend/code/components/mouseEventListener.ts b/frontend/code/components/mouseEventListener.ts
index 0c1c87f6..41f0aa2d 100644
--- a/frontend/code/components/mouseEventListener.ts
+++ b/frontend/code/components/mouseEventListener.ts
@@ -33,7 +33,7 @@ export type MouseEventListenerState = ComponentState & {
 };
 
 export class MouseEventListenerComponent extends ComponentBase {
-    state: Required<MouseEventListenerState>;
+    declare state: Required<MouseEventListenerState>;
 
     private _dragHandler: DragHandler | null = null;
 
diff --git a/frontend/code/components/multiLineTextInput.ts b/frontend/code/components/multiLineTextInput.ts
index 341374cd..20b95123 100644
--- a/frontend/code/components/multiLineTextInput.ts
+++ b/frontend/code/components/multiLineTextInput.ts
@@ -13,7 +13,7 @@ export type MultiLineTextInputState = ComponentState & {
 };
 
 export class MultiLineTextInputComponent extends ComponentBase {
-    state: Required<MultiLineTextInputState>;
+    declare state: Required<MultiLineTextInputState>;
 
     private inputBox: InputBox;
 
diff --git a/frontend/code/components/nodeInput.ts b/frontend/code/components/nodeInput.ts
index e07570b6..45b2c666 100644
--- a/frontend/code/components/nodeInput.ts
+++ b/frontend/code/components/nodeInput.ts
@@ -10,7 +10,7 @@ export type NodeInputState = ComponentState & {
 };
 
 export class NodeInputComponent extends ComponentBase {
-    state: Required<NodeInputState>;
+    declare state: Required<NodeInputState>;
 
     textElement: HTMLElement;
     circleElement: HTMLElement;
diff --git a/frontend/code/components/nodeOutput.ts b/frontend/code/components/nodeOutput.ts
index 042a119f..59855094 100644
--- a/frontend/code/components/nodeOutput.ts
+++ b/frontend/code/components/nodeOutput.ts
@@ -10,7 +10,7 @@ export type NodeOutputState = ComponentState & {
 };
 
 export class NodeOutputComponent extends ComponentBase {
-    state: Required<NodeOutputState>;
+    declare state: Required<NodeOutputState>;
 
     textElement: HTMLElement;
     circleElement: HTMLElement;
diff --git a/frontend/code/components/overlay.ts b/frontend/code/components/overlay.ts
index c88ec9f9..1e1cb485 100644
--- a/frontend/code/components/overlay.ts
+++ b/frontend/code/components/overlay.ts
@@ -8,7 +8,7 @@ export type OverlayState = ComponentState & {
 };
 
 export class OverlayComponent extends ComponentBase {
-    state: Required<OverlayState>;
+    declare state: Required<OverlayState>;
 
     private overlayElement: HTMLElement;
 
diff --git a/frontend/code/components/plot.ts b/frontend/code/components/plot.ts
index 24296a6d..6d5ff85e 100644
--- a/frontend/code/components/plot.ts
+++ b/frontend/code/components/plot.ts
@@ -22,7 +22,7 @@ type PlotState = ComponentState & {
 };
 
 export class PlotComponent extends ComponentBase {
-    state: Required<PlotState>;
+    declare state: Required<PlotState>;
 
     // I know this abstraction looks like overkill, but plotly does so much
     // stuff with a time delay (loading plotly, setTimeout, resizeObserver, ...)
diff --git a/frontend/code/components/popup.ts b/frontend/code/components/popup.ts
index 15b9660f..40b1acaf 100644
--- a/frontend/code/components/popup.ts
+++ b/frontend/code/components/popup.ts
@@ -23,7 +23,7 @@ export type PopupState = ComponentState & {
 };
 
 export class PopupComponent extends ComponentBase {
-    state: Required<PopupState>;
+    declare state: Required<PopupState>;
 
     private anchorContainer: HTMLElement;
     private contentContainer: HTMLElement;
diff --git a/frontend/code/components/progressBar.ts b/frontend/code/components/progressBar.ts
index 58efcb3c..385772fc 100644
--- a/frontend/code/components/progressBar.ts
+++ b/frontend/code/components/progressBar.ts
@@ -10,7 +10,7 @@ export type ProgressBarState = ComponentState & {
 };
 
 export class ProgressBarComponent extends ComponentBase {
-    state: Required<ProgressBarState>;
+    declare state: Required<ProgressBarState>;
 
     fillElement: HTMLElement;
 
diff --git a/frontend/code/components/progressCircle.ts b/frontend/code/components/progressCircle.ts
index 396e3329..ec97431c 100644
--- a/frontend/code/components/progressCircle.ts
+++ b/frontend/code/components/progressCircle.ts
@@ -9,7 +9,7 @@ export type ProgressCircleState = ComponentState & {
 };
 
 export class ProgressCircleComponent extends ComponentBase {
-    state: Required<ProgressCircleState>;
+    declare state: Required<ProgressCircleState>;
 
     createElement(): HTMLElement {
         let element = document.createElement("div");
diff --git a/frontend/code/components/rectangle.ts b/frontend/code/components/rectangle.ts
index 8110f4c1..3ccec6a8 100644
--- a/frontend/code/components/rectangle.ts
+++ b/frontend/code/components/rectangle.ts
@@ -72,7 +72,7 @@ function cursorToCSS(cursor: string): string {
 }
 
 export class RectangleComponent extends ComponentBase {
-    state: Required<RectangleState>;
+    declare state: Required<RectangleState>;
 
     // If this rectangle has a ripple effect, this is the ripple instance.
     // `null` otherwise.
diff --git a/frontend/code/components/revealer.ts b/frontend/code/components/revealer.ts
index 5fa09dcf..2c7ebd70 100644
--- a/frontend/code/components/revealer.ts
+++ b/frontend/code/components/revealer.ts
@@ -16,7 +16,7 @@ export type RevealerState = ComponentState & {
 };
 
 export class RevealerComponent extends ComponentBase {
-    state: Required<RevealerState>;
+    declare state: Required<RevealerState>;
 
     private headerElement: HTMLElement;
     private labelElement: HTMLElement;
diff --git a/frontend/code/components/scrollContainer.ts b/frontend/code/components/scrollContainer.ts
index 24afd66a..07979639 100644
--- a/frontend/code/components/scrollContainer.ts
+++ b/frontend/code/components/scrollContainer.ts
@@ -12,7 +12,7 @@ export type ScrollContainerState = ComponentState & {
 };
 
 export class ScrollContainerComponent extends ComponentBase {
-    state: Required<ScrollContainerState>;
+    declare state: Required<ScrollContainerState>;
 
     private scrollerElement: HTMLElement;
     private childContainer: HTMLElement;
diff --git a/frontend/code/components/scrollTarget.ts b/frontend/code/components/scrollTarget.ts
index 7e6d266d..832a51eb 100644
--- a/frontend/code/components/scrollTarget.ts
+++ b/frontend/code/components/scrollTarget.ts
@@ -13,7 +13,7 @@ export type ScrollTargetState = ComponentState & {
 };
 
 export class ScrollTargetComponent extends ComponentBase {
-    state: Required<ScrollTargetState>;
+    declare state: Required<ScrollTargetState>;
 
     childContainerElement: HTMLElement;
     buttonContainerElement: HTMLElement;
diff --git a/frontend/code/components/separator.ts b/frontend/code/components/separator.ts
index 8c7804b1..538ed128 100644
--- a/frontend/code/components/separator.ts
+++ b/frontend/code/components/separator.ts
@@ -9,7 +9,7 @@ export type SeparatorState = ComponentState & {
 };
 
 export class SeparatorComponent extends ComponentBase {
-    state: Required<SeparatorState>;
+    declare state: Required<SeparatorState>;
 
     createElement(): HTMLElement {
         let element = document.createElement("div");
diff --git a/frontend/code/components/separatorListItem.ts b/frontend/code/components/separatorListItem.ts
index 8ad059ca..fd549c7e 100644
--- a/frontend/code/components/separatorListItem.ts
+++ b/frontend/code/components/separatorListItem.ts
@@ -5,7 +5,7 @@ export type SeparatorListItemState = ComponentState & {
 };
 
 export class SeparatorListItemComponent extends ComponentBase {
-    state: Required<SeparatorListItemState>;
+    declare state: Required<SeparatorListItemState>;
 
     createElement(): HTMLElement {
         let element = document.createElement("div");
diff --git a/frontend/code/components/slider.ts b/frontend/code/components/slider.ts
index ca03bdbf..f5456b1e 100644
--- a/frontend/code/components/slider.ts
+++ b/frontend/code/components/slider.ts
@@ -14,7 +14,7 @@ export type SliderState = ComponentState & {
 };
 
 export class SliderComponent extends ComponentBase {
-    state: Required<SliderState>;
+    declare state: Required<SliderState>;
 
     private innerElement: HTMLElement;
     private minValueElement: HTMLElement;
diff --git a/frontend/code/components/slideshow.ts b/frontend/code/components/slideshow.ts
index ae87ccea..44e41e5e 100644
--- a/frontend/code/components/slideshow.ts
+++ b/frontend/code/components/slideshow.ts
@@ -13,7 +13,7 @@ export type SlideshowState = ComponentState & {
 };
 
 export class SlideshowComponent extends ComponentBase {
-    state: Required<SlideshowState>;
+    declare state: Required<SlideshowState>;
 
     private childContainer: HTMLElement;
     private progressBar: HTMLElement;
diff --git a/frontend/code/components/stack.ts b/frontend/code/components/stack.ts
index ba64a94f..bef8773a 100644
--- a/frontend/code/components/stack.ts
+++ b/frontend/code/components/stack.ts
@@ -7,7 +7,7 @@ export type StackState = ComponentState & {
 };
 
 export class StackComponent extends ComponentBase {
-    state: Required<StackState>;
+    declare state: Required<StackState>;
 
     createElement(): HTMLElement {
         let element = document.createElement("div");
diff --git a/frontend/code/components/switch.ts b/frontend/code/components/switch.ts
index e230852b..cc908bf7 100644
--- a/frontend/code/components/switch.ts
+++ b/frontend/code/components/switch.ts
@@ -8,7 +8,7 @@ export type SwitchState = ComponentState & {
 };
 
 export class SwitchComponent extends ComponentBase {
-    state: Required<SwitchState>;
+    declare state: Required<SwitchState>;
 
     createElement(): HTMLElement {
         let element = document.createElement("div");
diff --git a/frontend/code/components/switcher.ts b/frontend/code/components/switcher.ts
index 8a7133fc..b388167f 100644
--- a/frontend/code/components/switcher.ts
+++ b/frontend/code/components/switcher.ts
@@ -10,7 +10,7 @@ export type SwitcherState = ComponentState & {
 };
 
 export class SwitcherComponent extends ComponentBase {
-    state: Required<SwitcherState>;
+    declare state: Required<SwitcherState>;
 
     private activeChildContainer: HTMLElement | null = null;
     private resizerElement: HTMLElement | null = null;
diff --git a/frontend/code/components/switcherBar.ts b/frontend/code/components/switcherBar.ts
index faeac520..4b4828fd 100644
--- a/frontend/code/components/switcherBar.ts
+++ b/frontend/code/components/switcherBar.ts
@@ -19,7 +19,7 @@ export type SwitcherBarState = ComponentState & {
 };
 
 export class SwitcherBarComponent extends ComponentBase {
-    state: Required<SwitcherBarState>;
+    declare state: Required<SwitcherBarState>;
 
     private innerElement: HTMLElement; // Used for alignment
     private markerElement: HTMLElement; // Highlights the selected item
diff --git a/frontend/code/components/table.ts b/frontend/code/components/table.ts
index 8c6380cf..eed3f478 100644
--- a/frontend/code/components/table.ts
+++ b/frontend/code/components/table.ts
@@ -21,7 +21,7 @@ type TableState = ComponentState & {
 };
 
 export class TableComponent extends ComponentBase {
-    state: Required<TableState>;
+    declare state: Required<TableState>;
 
     private tableElement: HTMLElement;
 
diff --git a/frontend/code/components/text.ts b/frontend/code/components/text.ts
index 8b9b29f6..787a81b3 100644
--- a/frontend/code/components/text.ts
+++ b/frontend/code/components/text.ts
@@ -12,7 +12,7 @@ export type TextState = ComponentState & {
 };
 
 export class TextComponent extends ComponentBase {
-    state: Required<TextState>;
+    declare state: Required<TextState>;
 
     private inner: HTMLElement;
 
diff --git a/frontend/code/components/textInput.ts b/frontend/code/components/textInput.ts
index ae5928ba..340b656a 100644
--- a/frontend/code/components/textInput.ts
+++ b/frontend/code/components/textInput.ts
@@ -17,7 +17,7 @@ export type TextInputState = ComponentState & {
 };
 
 export class TextInputComponent extends ComponentBase {
-    state: Required<TextInputState>;
+    declare state: Required<TextInputState>;
 
     private inputBox: InputBox;
     private onChangeLimiter: Debouncer;
diff --git a/frontend/code/components/themeContextSwitcher.ts b/frontend/code/components/themeContextSwitcher.ts
index af5d7698..5a020b72 100644
--- a/frontend/code/components/themeContextSwitcher.ts
+++ b/frontend/code/components/themeContextSwitcher.ts
@@ -9,7 +9,7 @@ export type ThemeContextSwitcherState = ComponentState & {
 };
 
 export class ThemeContextSwitcherComponent extends ComponentBase {
-    state: Required<ThemeContextSwitcherState>;
+    declare state: Required<ThemeContextSwitcherState>;
 
     createElement(): HTMLElement {
         let element = document.createElement("div");
diff --git a/frontend/code/components/tooltip.ts b/frontend/code/components/tooltip.ts
index f1ba9bbb..9de65328 100644
--- a/frontend/code/components/tooltip.ts
+++ b/frontend/code/components/tooltip.ts
@@ -11,7 +11,7 @@ export type TooltipState = ComponentState & {
 };
 
 export class TooltipComponent extends ComponentBase {
-    state: Required<TooltipState>;
+    declare state: Required<TooltipState>;
 
     private popupElement: HTMLElement;
     private popupManager: PopupManager;
diff --git a/frontend/code/components/website.ts b/frontend/code/components/website.ts
index 36d1db69..2fd80451 100644
--- a/frontend/code/components/website.ts
+++ b/frontend/code/components/website.ts
@@ -6,7 +6,7 @@ export type WebsiteState = ComponentState & {
 };
 
 export class WebsiteComponent extends ComponentBase {
-    state: Required<WebsiteState>;
+    declare state: Required<WebsiteState>;
     element: HTMLIFrameElement;
 
     createElement(): HTMLElement {