Move app to apps/web-react in pnpm workspace layout

apps/web-react/app/hooks/useWindowSize.ts

@@ -0,0 +1,31 @@
+import * as React from "react";
+
+interface WindowSize {
+	width: number;
+	height: number;
+}
+
+function subscribe(listener: () => void) {
+	window.addEventListener("resize", listener);
+	return () => window.removeEventListener("resize", listener);
+}
+
+/**
+ * Returns the current window dimensions, re-rendering on resize. Both
+ * dimensions are `0` during server-side rendering and the initial hydration
+ * render.
+ */
+export function useWindowSize(): WindowSize {
+	const width = React.useSyncExternalStore(
+		subscribe,
+		() => window.innerWidth,
+		() => 0,
+	);
+	const height = React.useSyncExternalStore(
+		subscribe,
+		() => window.innerHeight,
+		() => 0,
+	);
+
+	return { width, height };
+}