Extract useSSR hook

hooks/useSSR.ts

@@ -0,0 +1,10 @@
+import { useEffect, useState } from "react";
+
+export default () => {
+	const [SSR, setSSR] = useState(true);
+	useEffect(() => {
+		setSSR(false);
+	});
+
+	return SSR;
+};

pages/index.tsx

@@ -5,13 +5,10 @@ import Page from "../components/Page";
 import BlogList from "../components/BlogList";
 import { getPublishedPosts } from "../lib/posts";
 import Markdown from "../components/Markdown";
+import useSSR from "../hooks/useSSR";
 
 const Index = (props) => {
-	// TODO: Can this be simplified?
-	const [SSR, setSSR] = useState(true);
-	useEffect(() => {
-		setSSR(false);
-	});
+	const SSR = useSSR();
 
 	const mediaQuery =
 		!SSR && window.matchMedia("(prefers-reduced-motion: reduce)");

pages/posts/[post].tsx

@@ -6,14 +6,10 @@ import Page from "../../components/Page";
 import { RWebShare } from "react-web-share";
 import { getPosts, getPublishedPosts, isPublicPost } from "../../lib/posts";
 import { getTopicTags } from "../../lib/tags";
-import { useEffect, useState } from "react";
+import useSSR from "../../hooks/useSSR";
 
 export default function BlogTemplate(props) {
-	// TODO: Can this be simplified?
-	const [SSR, setSSR] = useState(true);
-	useEffect(() => {
-		setSSR(false);
-	});
+	const SSR = useSSR();
 
 	function reformatDate(fullDate: string) {
 		const date = new Date(fullDate);