Switch to hash routing.

CHANGELOG

@@ -8,6 +8,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ### Fixed
 - Moved CNAME to public folder, to stop the GitHub Pages deployment breaking the URL.
 - GitHub 404 added to pick-up users who haven't cached the system first.
+- Switched to hashed routing since GitHub web rules are not available, to help reduce 404s.
 
 ## [0.2.7] (pre-release) - 2022-06-20
 ### Added

src/index.tsx

@@ -1,6 +1,6 @@
 import { StrictMode } from 'react';
 import { createRoot } from 'react-dom/client';
-import { BrowserRouter, Routes, Route, Navigate } from 'react-router-dom';
+import { HashRouter, Routes, Route, Navigate } from 'react-router-dom';
 import * as serviceWorkerRegistration from './serviceWorkerRegistration';
 
 import Layout from "./pages/_layout";
@@ -12,7 +12,7 @@ import StringConversionPage from './pages/converter';
 
 export default function App() {
 	return (
-		<BrowserRouter>
+		<HashRouter>
 			<Routes>
 				<Route path="/" element={<Layout />}>
 					<Route index element={<Home />} />
@@ -27,7 +27,7 @@ export default function App() {
 					<Route path="*"         element={<Navigate replace to="/" />} />
 				</Route>
 			</Routes>
-		</BrowserRouter>
+		</HashRouter>
 	);
 }
 

src/pages/dnschecker.tsx

@@ -102,7 +102,7 @@ export function DnsCheckResult() {
 	const [errResult, setErrResult] = useState<any>(undefined);
 
 	useEffect(() => {
-		let inputs = window.location.pathname.slice(5).split('/');
+		let inputs = window.location.hash.slice(6).split('/');
 		setProtocol(inputs[0]);
 		setDnsUrl(inputs[1]);
 	}, []);

src/pages/inspection.tsx

@@ -82,7 +82,7 @@ export function InspectionHome() {
 };
 
 export function InspectonResult() {
-	let inspectionURL = window.location.pathname.slice(9);
+	let inspectionURL = window.location.hash.slice(10);
 	const navigate = useNavigate();
 
 	const [siteDetails, setSiteDetails] = useState<any>([]);