chore: bump dependencies (#235)

* chore: bump remix and react router deps

* chore: bump deps

Author: cabljac

api/package.json

@@ -7,7 +7,7 @@
   "author": "<[email protected]>",
   "license": "MIT",
   "dependencies": {
-    "@code-hike/mdx": "^0.7.3",
+    "@code-hike/mdx": "^0.7.4",
     "@ltd/j-toml": "^1.30.0",
     "@octokit/graphql": "^5.0.0",
     "@types/cors": "^2.8.12",

website/app/entry.client.tsx

@@ -1,4 +1,5 @@
-import { hydrate } from 'react-dom';
+import { hydrateRoot } from 'react-dom/client';
+import { BrowserRouter } from 'react-router-dom';
 import { RemixBrowser } from 'remix';
 //@ts-ignore
 if (window.ENV.MSW_ENABLED === '1') {
@@ -18,4 +19,14 @@ if (
   delete window.__remixManifest.routes['routes/preview-fetch'];
 }
 
-hydrate(<RemixBrowser />, document);
+const container = document.getElementById('app');
+if (!container) {
+  throw new Error('No element with id "app" found');
+}
+
+hydrateRoot(
+  container,
+  <BrowserRouter>
+    <RemixBrowser />
+  </BrowserRouter>,
+);

website/app/entry.server.tsx

@@ -1,6 +1,7 @@
 import { renderToString } from 'react-dom/server';
 import { RemixServer } from 'remix';
 import type { EntryContext } from 'remix';
+import { StaticRouter } from 'react-router-dom/server';
 
 if (process.env.MSW_ENABLED === '1') {
   require('../tests/mocks');
@@ -11,7 +12,11 @@ export default function handleRequest(
   headers: Headers,
   remixContext: EntryContext,
 ): Response {
-  const markup = renderToString(<RemixServer context={remixContext} url={request.url} />);
+  const markup = renderToString(
+    <StaticRouter location={new URL(request.url)}>
+      <RemixServer context={remixContext} url={request.url} />
+    </StaticRouter>,
+  );
 
   headers.set('Content-Type', 'text/html');
 

website/package.json

@@ -14,16 +14,16 @@
     "test:headed": "yarn rimraf tests/screenshots/* && MSW_ENABLED=1 playwright test --headed"
   },
   "dependencies": {
-    "@code-hike/mdx": "^0.7.3",
+    "@code-hike/mdx": "^0.7.4",
     "@docs.page/client": "^1.0.4",
     "@docs.page/server": "^1.0.1",
-    "@docsearch/react": "^3.1.0",
+    "@docsearch/react": "^3.2.2",
     "@heroicons/react": "^1.0.6",
     "@playwright/test": "^1.22.2",
-    "@remix-run/express": "^1.6.1",
-    "@remix-run/react": "^1.6.1",
-    "@remix-run/serve": "^1.6.1",
-    "@remix-run/vercel": "^1.6.1",
+    "@remix-run/express": "^1.7.3",
+    "@remix-run/react": "^1.7.3",
+    "@remix-run/serve": "^1.7.3",
+    "@remix-run/vercel": "^1.7.3",
     "@rollup/plugin-commonjs": "^22.0.1",
     "@rollup/plugin-json": "^4.1.0",
     "@rollup/plugin-node-resolve": "^13.3.0",
@@ -49,7 +49,7 @@
   },
   "devDependencies": {
     "@playwright/test": "^1.22.2",
-    "@remix-run/dev": "^1.6.1",
+    "@remix-run/dev": "^1.7.3",
     "@tailwindcss/typography": "^0.5.2",
     "@types/color": "^3.0.3",
     "@types/lodash.get": "^4.4.7",
@@ -60,10 +60,10 @@
     "@types/react-helmet": "^6.1.5",
     "@types/wicg-file-system-access": "^2020.9.5",
     "concurrently": "^7.2.2",
-    "msw": "^0.44.2",
+    "msw": "^0.47.4",
     "postcss": "^8.4.14",
     "prettier": "^2.7.1",
-    "tailwindcss": "^3.1.4",
+    "tailwindcss": "^3.2.0",
     "typescript": "^4.7.4"
   },
   "engines": {