protip: don't reload root unless there's a POST

johnsonthedev · Jan 11, 2022 · 457c75d · 457c75d
1 parent 96f18e5
commit 457c75d
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 2 deletions.
diff --git a/app/containers/layout/layout.component.tsx b/app/containers/layout/layout.component.tsx
@@ -11,7 +11,7 @@ import {
   useLoaderData,
   useMatches,
 } from "remix";
-import type { MetaFunction } from "remix";
+import type { MetaFunction, ShouldReloadFunction } from "remix";
 
 import { ClientOnly } from "~/components/client-only";
 import { Footer } from "~/components/footer";
@@ -194,6 +194,10 @@ export function ErrorBoundary({ error }: { error: Error }) {
   );
 }
 
+export let unstable_shouldReload: ShouldReloadFunction = ({ submission }) => {
+  return submission?.method.toLowerCase() === "post";
+};
+
 export default function Root() {
   let loaderData = useLoaderData<LoaderData>();
 

diff --git a/app/root.tsx b/app/root.tsx
@@ -3,8 +3,16 @@ import Component, {
   CatchBoundary,
   links,
   meta,
+  unstable_shouldReload,
 } from "~/containers/layout/layout.component";
 import { loader } from "~/containers/layout/layout.server";
 
 export default Component;
-export { ErrorBoundary, CatchBoundary, loader, links, meta };
+export {
+  ErrorBoundary,
+  CatchBoundary,
+  loader,
+  links,
+  meta,
+  unstable_shouldReload,
+};