diff --git a/examples/src/App.tsx b/examples/src/App.tsx
index f19571a..65e3ffc 100644
--- a/examples/src/App.tsx
+++ b/examples/src/App.tsx
@@ -1,35 +1,30 @@
 import "./styles/index.css";
 
-import { RouterProvider, createBrowserRouter } from "react-router-dom";
+import { RouterProvider, createHashRouter } from "react-router-dom";
 import { SHADERS } from "./Examples";
 import { NotFound } from "./pages/NotFound";
 import { Root } from "./pages/Root";
 
-const router = createBrowserRouter(
-  [
-    {
-      path: "/",
-      element: <Root />,
-      children: [
-        ...Object.values(SHADERS).map((preset) => ({
-          path: preset.slug,
-          element: <preset.Component />,
-        })),
-        {
-          path: "/",
-          element: <SHADERS.DEFAULT.Component />,
-        },
-      ],
-    },
-    {
-      path: "*",
-      element: <NotFound />,
-    },
-  ],
+const router = createHashRouter([
   {
-    basename: import.meta.env.BASE_URL,
-  }
-);
+    path: "/",
+    element: <Root />,
+    children: [
+      ...Object.values(SHADERS).map((preset) => ({
+        path: preset.slug,
+        element: <preset.Component />,
+      })),
+      {
+        path: "/",
+        element: <SHADERS.DEFAULT.Component />,
+      },
+    ],
+  },
+  {
+    path: "*",
+    element: <NotFound />,
+  },
+]);
 
 export default function App() {
   return <RouterProvider router={router} />;