diff --git a/.changeset/neat-impalas-divide.md b/.changeset/neat-impalas-divide.md
new file mode 100644
index 00000000000..1af68b5ca4b
--- /dev/null
+++ b/.changeset/neat-impalas-divide.md
@@ -0,0 +1,5 @@
+---
+"@remix-run/dev": major
+---
+
+Remove `replace-remix-magic-imports` codemod
diff --git a/packages/remix-dev/__tests__/codemod-replaceRemixMagicImports-test.ts b/packages/remix-dev/__tests__/codemod-replaceRemixMagicImports-test.ts
deleted file mode 100644
index 044f88e819c..00000000000
--- a/packages/remix-dev/__tests__/codemod-replaceRemixMagicImports-test.ts
+++ /dev/null
@@ -1,92 +0,0 @@
-import NpmCliPackageJson from "@npmcli/package-json";
-import fs from "fs";
-import glob from "fast-glob";
-import path from "path";
-import shell from "shelljs";
-import stripAnsi from "strip-ansi";
-
-import { readConfig } from "../config";
-import * as cli from "./utils/cli";
-import * as eol from "./utils/eol";
-import * as git from "./utils/git";
-import withApp from "./utils/withApp";
-
-let CODEMOD = "replace-remix-magic-imports";
-let FIXTURE = path.join(__dirname, "fixtures/replace-remix-magic-imports");
-
-it("replaces `remix` magic imports", async () => {
-  await withApp(FIXTURE, async (projectDir) => {
-    await git.initialCommit(projectDir);
-    let result = await cli.run(["codemod", CODEMOD, projectDir]);
-    let stderr = stripAnsi(result.stderr);
-    expect(result.exitCode).toBe(0);
-
-    let successes = [
-      `✔ Found codemod: ${CODEMOD}`,
-      "✔ No Remix server adapter detected",
-      "✔ Detected Remix server runtime: node",
-      "✔ Removed magic `remix` package from dependencies",
-      "✔ Removed `remix setup` from postinstall script",
-      "✔ Replaced magic `remix` imports | 24/24 files",
-    ];
-    for (let success of successes) {
-      expect(stderr).toContain(success);
-    }
-
-    expect(result.stdout).toContain(
-      "👉 To update your lockfile, run `yarn install`"
-    );
-
-    let pkg = await NpmCliPackageJson.load(projectDir);
-    let packageJson = pkg.content;
-
-    // check that `remix` dependency was removed
-    expect(packageJson.dependencies).not.toContain("remix");
-    expect(packageJson.devDependencies).not.toContain("remix");
-
-    // check that Remix packages were standardized
-    expect(packageJson.dependencies).toEqual(
-      expect.objectContaining({
-        "@remix-run/node": "1.3.4",
-        "@remix-run/react": "1.3.4",
-        "@remix-run/serve": "1.3.4",
-      })
-    );
-    expect(packageJson.devDependencies).toEqual(
-      expect.objectContaining({
-        "@remix-run/dev": "1.3.4",
-      })
-    );
-
-    // check that postinstall was removed
-    expect(packageJson.scripts).not.toContain("postinstall");
-
-    // check that `from "remix"` magic imports were removed
-    let config = await readConfig(projectDir);
-    let files = await glob("**/*.{js,jsx,ts,tsx}", {
-      cwd: config.appDirectory,
-      absolute: true,
-    });
-    let remixMagicImports = shell.grep("-l", /from ('remix'|"remix")/, files);
-    expect(remixMagicImports.code).toBe(0);
-    expect(remixMagicImports.stdout.trim()).toBe("");
-    expect(remixMagicImports.stderr).toBeNull();
-
-    // check that imports look good for a specific file
-    let loginRoute = eol.normalize(
-      fs.readFileSync(path.join(projectDir, "app/routes/login.tsx"), "utf8")
-    );
-    expect(loginRoute).toContain(
-      [
-        "import {",
-        "  type ActionFunction,",
-        "  type LoaderFunction,",
-        "  type MetaFunction,",
-        "  json,",
-        "  redirect,",
-        '} from "@remix-run/node";',
-        'import { Form, Link, useActionData, useSearchParams } from "@remix-run/react";',
-      ].join("\n")
-    );
-  });
-});
diff --git a/packages/remix-dev/__tests__/codemod-test.ts b/packages/remix-dev/__tests__/codemod-test.ts
index 40642e31118..a0abf1129ef 100644
--- a/packages/remix-dev/__tests__/codemod-test.ts
+++ b/packages/remix-dev/__tests__/codemod-test.ts
@@ -7,7 +7,7 @@ import withApp from "./utils/withApp";
 
 jest.setTimeout(1000 * 20);
 
-let FIXTURE = path.join(__dirname, "fixtures/replace-remix-magic-imports");
+let FIXTURE = path.join(__dirname, "fixtures/indie-stack");
 
 it("checks that project is a clean git repository", async () => {
   await withApp(FIXTURE, async (projectDir) => {
diff --git a/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/app/db.server.ts b/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/app/db.server.ts
deleted file mode 100644
index 9a34a275c83..00000000000
--- a/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/app/db.server.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { PrismaClient } from "@prisma/client";
-
-let prisma: PrismaClient;
-
-declare global {
-  var __db__: PrismaClient;
-}
-
-// this is needed because in development we don't want to restart
-// the server with every change, but we want to make sure we don't
-// create a new connection to the DB with every change either.
-// in production we'll have a single connection to the DB.
-if (process.env.NODE_ENV === "production") {
-  prisma = new PrismaClient();
-} else {
-  if (!global.__db__) {
-    global.__db__ = new PrismaClient();
-  }
-  prisma = global.__db__;
-}
-
-export { prisma };
diff --git a/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/app/entry.client.tsx b/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/app/entry.client.tsx
deleted file mode 100644
index ffef95f66db..00000000000
--- a/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/app/entry.client.tsx
+++ /dev/null
@@ -1,4 +0,0 @@
-import { RemixBrowser } from "@remix-run/react";
-import { hydrateRoot } from "react-dom/client";
-
-hydrateRoot(document, <RemixBrowser />);
diff --git a/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/app/entry.server.tsx b/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/app/entry.server.tsx
deleted file mode 100644
index 91f16ddd846..00000000000
--- a/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/app/entry.server.tsx
+++ /dev/null
@@ -1,50 +0,0 @@
-import { PassThrough } from "stream";
-import type { AppLoadContext, EntryContext } from "@remix-run/node";
-import { Response } from "@remix-run/node";
-import { RemixServer } from "@remix-run/react";
-import { renderToPipeableStream } from "react-dom/server";
-
-const ABORT_DELAY = 5000;
-
-export default function handleRequest(
-  request: Request,
-  responseStatusCode: number,
-  responseHeaders: Headers,
-  remixContext: EntryContext,
-  loadContext: AppLoadContext
-) {
-  return new Promise((resolve, reject) => {
-    let { pipe, abort } = renderToPipeableStream(
-      <RemixServer
-        context={remixContext}
-        url={request.url}
-        abortDelay={ABORT_DELAY}
-      />,
-      {
-        onShellReady: () => {
-          let body = new PassThrough();
-
-          responseHeaders.set("Content-Type", "text/html");
-
-          resolve(
-            new Response(body, {
-              headers: responseHeaders,
-              status: responseStatusCode,
-            })
-          );
-
-          pipe(body);
-        },
-        onShellError(error) {
-          reject(error);
-        },
-        onError(error) {
-          responseStatusCode = 500;
-          console.error(error);
-        },
-      }
-    );
-
-    setTimeout(abort, ABORT_DELAY);
-  });
-}
diff --git a/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/app/models/note.server.ts b/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/app/models/note.server.ts
deleted file mode 100644
index ba56b532eb1..00000000000
--- a/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/app/models/note.server.ts
+++ /dev/null
@@ -1,53 +0,0 @@
-import type { User, Note } from "@prisma/client";
-
-import { prisma } from "~/db.server";
-
-export type { Note } from "@prisma/client";
-
-export function getNote({
-  id,
-  userId,
-}: Pick<Note, "id"> & {
-  userId: User["id"];
-}) {
-  return prisma.note.findFirst({
-    where: { id, userId },
-  });
-}
-
-export function getNoteListItems({ userId }: { userId: User["id"] }) {
-  return prisma.note.findMany({
-    where: { userId },
-    select: { id: true, title: true },
-    orderBy: { updatedAt: "desc" },
-  });
-}
-
-export function createNote({
-  body,
-  title,
-  userId,
-}: Pick<Note, "body" | "title"> & {
-  userId: User["id"];
-}) {
-  return prisma.note.create({
-    data: {
-      title,
-      body,
-      user: {
-        connect: {
-          id: userId,
-        },
-      },
-    },
-  });
-}
-
-export function deleteNote({
-  id,
-  userId,
-}: Pick<Note, "id"> & { userId: User["id"] }) {
-  return prisma.note.deleteMany({
-    where: { id, userId },
-  });
-}
diff --git a/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/app/models/post.server.ts b/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/app/models/post.server.ts
deleted file mode 100644
index 66dc324f29b..00000000000
--- a/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/app/models/post.server.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import { prisma } from "~/db.server";
-import type { Post } from "@prisma/client";
-export type { Post };
-
-export async function getPosts() {
-  return prisma.post.findMany();
-}
-
-export async function getPost(slug: string) {
-  return prisma.post.findUnique({ where: { slug } });
-}
-
-export async function createPost(
-  post: Pick<Post, "slug" | "title" | "markdown">
-) {
-  return prisma.post.create({ data: post });
-}
diff --git a/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/app/models/user.server.ts b/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/app/models/user.server.ts
deleted file mode 100644
index 645da047587..00000000000
--- a/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/app/models/user.server.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-import type { Password, User } from "@prisma/client";
-import bcrypt from "@node-rs/bcrypt";
-
-import { prisma } from "~/db.server";
-
-export type { User } from "@prisma/client";
-
-export async function getUserById(id: User["id"]) {
-  return prisma.user.findUnique({ where: { id } });
-}
-
-export async function getUserByEmail(email: User["email"]) {
-  return prisma.user.findUnique({ where: { email } });
-}
-
-export async function createUser(email: User["email"], password: string) {
-  const hashedPassword = await bcrypt.hash(password, 10);
-
-  return prisma.user.create({
-    data: {
-      email,
-      password: {
-        create: {
-          hash: hashedPassword,
-        },
-      },
-    },
-  });
-}
-
-export async function deleteUserByEmail(email: User["email"]) {
-  return prisma.user.delete({ where: { email } });
-}
-
-export async function verifyLogin(
-  email: User["email"],
-  password: Password["hash"]
-) {
-  const userWithPassword = await prisma.user.findUnique({
-    where: { email },
-    include: {
-      password: true,
-    },
-  });
-
-  if (!userWithPassword || !userWithPassword.password) {
-    return null;
-  }
-
-  const isValid = await bcrypt.verify(password, userWithPassword.password.hash);
-
-  if (!isValid) {
-    return null;
-  }
-
-  const { password: _password, ...userWithoutPassword } = userWithPassword;
-
-  return userWithoutPassword;
-}
diff --git a/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/app/root.tsx b/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/app/root.tsx
deleted file mode 100644
index b2e3158b02b..00000000000
--- a/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/app/root.tsx
+++ /dev/null
@@ -1,50 +0,0 @@
-import {
-  json,
-  Links,
-  LiveReload,
-  Meta,
-  Outlet,
-  Scripts,
-  ScrollRestoration,
-} from "remix";
-import type { LinksFunction, MetaFunction, LoaderFunction } from "remix";
-
-import tailwindStylesheetUrl from "./styles/tailwind.css";
-import { getUser } from "./session.server";
-
-export const links: LinksFunction = () => {
-  return [{ rel: "stylesheet", href: tailwindStylesheetUrl }];
-};
-
-export const meta: MetaFunction = () => ({
-  charset: "utf-8",
-  title: "Remix Notes",
-  viewport: "width=device-width, initial-scale=1",
-});
-
-type LoaderData = {
-  user: Awaited<ReturnType<typeof getUser>>;
-};
-
-export const loader: LoaderFunction = async ({ request }) => {
-  return json<LoaderData>({
-    user: await getUser(request),
-  });
-};
-
-export default function App() {
-  return (
-    <html lang="en" className="h-full">
-      <head>
-        <Meta />
-        <Links />
-      </head>
-      <body className="h-full">
-        <Outlet />
-        <ScrollRestoration />
-        <Scripts />
-        <LiveReload />
-      </body>
-    </html>
-  );
-}
diff --git a/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/app/routes/healthcheck.tsx b/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/app/routes/healthcheck.tsx
deleted file mode 100644
index 8ca82e9b3ec..00000000000
--- a/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/app/routes/healthcheck.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-// learn more: https://fly.io/docs/reference/configuration/#services-http_checks
-import type { LoaderFunction } from "remix";
-import { prisma } from "~/db.server";
-
-export const loader: LoaderFunction = async ({ request }) => {
-  const host =
-    request.headers.get("X-Forwarded-Host") ?? request.headers.get("host");
-
-  try {
-    // if we can connect to the database and make a simple query
-    // and make a HEAD request to ourselves, then we're good.
-    await Promise.all([
-      prisma.user.count(),
-      fetch(`http://${host}`, { method: "HEAD" }).then((r) => {
-        if (!r.ok) return Promise.reject(r);
-      }),
-    ]);
-    return new Response("OK");
-  } catch (error: unknown) {
-    console.log("healthcheck ❌", { error });
-    return new Response("ERROR", { status: 500 });
-  }
-};
diff --git a/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/app/routes/index.tsx b/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/app/routes/index.tsx
deleted file mode 100644
index 2abf6853232..00000000000
--- a/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/app/routes/index.tsx
+++ /dev/null
@@ -1,143 +0,0 @@
-import { Link } from "remix";
-import { useOptionalUser } from "~/utils";
-
-export default function Index() {
-  const user = useOptionalUser();
-  return (
-    <main className="relative min-h-screen bg-white sm:flex sm:items-center sm:justify-center">
-      <div className="relative sm:pb-16 sm:pt-8">
-        <div className="mx-auto max-w-7xl sm:px-6 lg:px-8">
-          <div className="relative shadow-xl sm:overflow-hidden sm:rounded-2xl">
-            <div className="absolute inset-0">
-              <img
-                className="h-full w-full object-cover"
-                src="https://user-images.githubusercontent.com/1500684/157774694-99820c51-8165-4908-a031-34fc371ac0d6.jpg"
-                alt="Sonic Youth On Stage"
-              />
-              <div className="absolute inset-0 bg-[color:rgba(254,204,27,0.5)] mix-blend-multiply" />
-            </div>
-            <div className="lg:pb-18 relative px-4 pt-16 pb-8 sm:px-6 sm:pt-24 sm:pb-14 lg:px-8 lg:pt-32">
-              <h1 className="text-center text-6xl font-extrabold tracking-tight sm:text-8xl lg:text-9xl">
-                <span className="block uppercase text-yellow-500 drop-shadow-md">
-                  Indie Stack
-                </span>
-              </h1>
-              <p className="mx-auto mt-6 max-w-lg text-center text-xl text-white sm:max-w-3xl">
-                Check the README.md file for instructions on how to get this
-                project deployed.
-              </p>
-              <div className="mx-auto mt-10 max-w-sm sm:flex sm:max-w-none sm:justify-center">
-                {user ? (
-                  <Link
-                    to="/notes"
-                    className="flex items-center justify-center rounded-md border border-transparent bg-white px-4 py-3 text-base font-medium text-yellow-700 shadow-sm hover:bg-yellow-50 sm:px-8"
-                  >
-                    View Notes for {user.email}
-                  </Link>
-                ) : (
-                  <div className="space-y-4 sm:mx-auto sm:inline-grid sm:grid-cols-2 sm:gap-5 sm:space-y-0">
-                    <Link
-                      to="/join"
-                      className="flex items-center justify-center rounded-md border border-transparent bg-white px-4 py-3 text-base font-medium text-yellow-700 shadow-sm hover:bg-yellow-50 sm:px-8"
-                    >
-                      Sign up
-                    </Link>
-                    <Link
-                      to="/login"
-                      className="flex items-center justify-center rounded-md bg-yellow-500 px-4 py-3 font-medium text-white hover:bg-yellow-600  "
-                    >
-                      Log In
-                    </Link>
-                  </div>
-                )}
-              </div>
-              <a href="https://remix.run">
-                <img
-                  src="https://user-images.githubusercontent.com/1500684/158298926-e45dafff-3544-4b69-96d6-d3bcc33fc76a.svg"
-                  alt="Remix"
-                  className="mx-auto mt-16 w-full max-w-[12rem] md:max-w-[16rem]"
-                />
-              </a>
-            </div>
-          </div>
-        </div>
-
-        <div className="mx-auto mt-16 max-w-7xl text-center">
-          <Link to="/posts" className="text-xl text-blue-600 underline">
-            Blog Posts
-          </Link>
-        </div>
-
-        <div className="mx-auto max-w-7xl py-2 px-4 sm:px-6 lg:px-8">
-          <div className="mt-6 flex flex-wrap justify-center gap-8">
-            {[
-              {
-                src: "https://user-images.githubusercontent.com/1500684/157764397-ccd8ea10-b8aa-4772-a99b-35de937319e1.svg",
-                alt: "Fly.io",
-                href: "https://fly.io",
-              },
-              {
-                src: "https://user-images.githubusercontent.com/1500684/157764395-137ec949-382c-43bd-a3c0-0cb8cb22e22d.svg",
-                alt: "SQLite",
-                href: "https://sqlite.org",
-              },
-              {
-                src: "https://user-images.githubusercontent.com/1500684/157764484-ad64a21a-d7fb-47e3-8669-ec046da20c1f.svg",
-                alt: "Prisma",
-                href: "https://prisma.io",
-              },
-              {
-                src: "https://user-images.githubusercontent.com/1500684/157764276-a516a239-e377-4a20-b44a-0ac7b65c8c14.svg",
-                alt: "Tailwind",
-                href: "https://tailwindcss.com",
-              },
-              {
-                src: "https://user-images.githubusercontent.com/1500684/157764454-48ac8c71-a2a9-4b5e-b19c-edef8b8953d6.svg",
-                alt: "Cypress",
-                href: "https://www.cypress.io",
-              },
-              {
-                src: "https://user-images.githubusercontent.com/1500684/157772386-75444196-0604-4340-af28-53b236faa182.svg",
-                alt: "MSW",
-                href: "https://mswjs.io",
-              },
-              {
-                src: "https://user-images.githubusercontent.com/1500684/157772447-00fccdce-9d12-46a3-8bb4-fac612cdc949.svg",
-                alt: "Vitest",
-                href: "https://vitest.dev",
-              },
-              {
-                src: "https://user-images.githubusercontent.com/1500684/157772662-92b0dd3a-453f-4d18-b8be-9fa6efde52cf.png",
-                alt: "Testing Library",
-                href: "https://testing-library.com",
-              },
-              {
-                src: "https://user-images.githubusercontent.com/1500684/157772934-ce0a943d-e9d0-40f8-97f3-f464c0811643.svg",
-                alt: "Prettier",
-                href: "https://prettier.io",
-              },
-              {
-                src: "https://user-images.githubusercontent.com/1500684/157772990-3968ff7c-b551-4c55-a25c-046a32709a8e.svg",
-                alt: "ESLint",
-                href: "https://eslint.org",
-              },
-              {
-                src: "https://user-images.githubusercontent.com/1500684/157773063-20a0ed64-b9f8-4e0b-9d1e-0b65a3d4a6db.svg",
-                alt: "TypeScript",
-                href: "https://typescriptlang.org",
-              },
-            ].map((img) => (
-              <a
-                key={img.href}
-                href={img.href}
-                className="flex h-16 w-32 justify-center p-1 grayscale transition hover:grayscale-0 focus:grayscale-0"
-              >
-                <img alt={img.alt} src={img.src} />
-              </a>
-            ))}
-          </div>
-        </div>
-      </div>
-    </main>
-  );
-}
diff --git a/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/app/routes/join.tsx b/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/app/routes/join.tsx
deleted file mode 100644
index ad0ed8014b2..00000000000
--- a/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/app/routes/join.tsx
+++ /dev/null
@@ -1,179 +0,0 @@
-import * as React from "react";
-import type { ActionFunction, LoaderFunction, MetaFunction } from "remix";
-import {
-  Form,
-  Link,
-  redirect,
-  useSearchParams,
-  json,
-  useActionData,
-} from "remix";
-
-import { getUserId, createUserSession } from "~/session.server";
-
-import { createUser, getUserByEmail } from "~/models/user.server";
-import { validateEmail } from "~/utils";
-
-export const loader: LoaderFunction = async ({ request }) => {
-  const userId = await getUserId(request);
-  if (userId) return redirect("/");
-  return json({});
-};
-
-interface ActionData {
-  errors: {
-    email?: string;
-    password?: string;
-  };
-}
-
-export const action: ActionFunction = async ({ request }) => {
-  const formData = await request.formData();
-  const email = formData.get("email");
-  const password = formData.get("password");
-  const redirectTo = formData.get("redirectTo");
-
-  if (!validateEmail(email)) {
-    return json<ActionData>(
-      { errors: { email: "Email is invalid" } },
-      { status: 400 }
-    );
-  }
-
-  if (typeof password !== "string") {
-    return json<ActionData>(
-      { errors: { password: "Password is required" } },
-      { status: 400 }
-    );
-  }
-
-  if (password.length < 8) {
-    return json<ActionData>(
-      { errors: { password: "Password is too short" } },
-      { status: 400 }
-    );
-  }
-
-  const existingUser = await getUserByEmail(email);
-  if (existingUser) {
-    return json<ActionData>(
-      { errors: { email: "A user already exists with this email" } },
-      { status: 400 }
-    );
-  }
-
-  const user = await createUser(email, password);
-
-  return createUserSession({
-    request,
-    userId: user.id,
-    remember: false,
-    redirectTo: typeof redirectTo === "string" ? redirectTo : "/",
-  });
-};
-
-export const meta: MetaFunction = () => {
-  return {
-    title: "Sign Up",
-  };
-};
-
-export default function Join() {
-  const [searchParams] = useSearchParams();
-  const redirectTo = searchParams.get("redirectTo") ?? undefined;
-  const actionData = useActionData() as ActionData;
-  const emailRef = React.useRef<HTMLInputElement>(null);
-  const passwordRef = React.useRef<HTMLInputElement>(null);
-
-  React.useEffect(() => {
-    if (actionData?.errors?.email) {
-      emailRef.current?.focus();
-    } else if (actionData?.errors?.password) {
-      passwordRef.current?.focus();
-    }
-  }, [actionData]);
-
-  return (
-    <div className="flex min-h-full flex-col justify-center">
-      <div className="mx-auto w-full max-w-md px-8">
-        <Form method="post" className="space-y-6">
-          <div>
-            <label
-              htmlFor="email"
-              className="block text-sm font-medium text-gray-700"
-            >
-              Email address
-            </label>
-            <div className="mt-1">
-              <input
-                ref={emailRef}
-                id="email"
-                required
-                autoFocus={true}
-                name="email"
-                type="email"
-                autoComplete="email"
-                aria-invalid={actionData?.errors?.email ? true : undefined}
-                aria-describedby="email-error"
-                className="w-full rounded border border-gray-500 px-2 py-1 text-lg"
-              />
-              {actionData?.errors?.email && (
-                <div className="pt-1 text-red-700" id="email-error">
-                  {actionData.errors.email}
-                </div>
-              )}
-            </div>
-          </div>
-
-          <div>
-            <label
-              htmlFor="password"
-              className="block text-sm font-medium text-gray-700"
-            >
-              Password
-            </label>
-            <div className="mt-1">
-              <input
-                id="password"
-                ref={passwordRef}
-                name="password"
-                type="password"
-                autoComplete="new-password"
-                aria-invalid={actionData?.errors?.password ? true : undefined}
-                aria-describedby="password-error"
-                className="w-full rounded border border-gray-500 px-2 py-1 text-lg"
-              />
-              {actionData?.errors?.password && (
-                <div className="pt-1 text-red-700" id="password-error">
-                  {actionData.errors.password}
-                </div>
-              )}
-            </div>
-          </div>
-
-          <input type="hidden" name="redirectTo" value={redirectTo} />
-          <button
-            type="submit"
-            className="w-full rounded bg-blue-500  py-2 px-4 text-white hover:bg-blue-600 focus:bg-blue-400"
-          >
-            Create Account
-          </button>
-          <div className="flex items-center justify-center">
-            <div className="text-center text-sm text-gray-500">
-              Already have an account?{" "}
-              <Link
-                className="text-blue-500 underline"
-                to={{
-                  pathname: "/login",
-                  search: searchParams.toString(),
-                }}
-              >
-                Log in
-              </Link>
-            </div>
-          </div>
-        </Form>
-      </div>
-    </div>
-  );
-}
diff --git a/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/app/routes/login.tsx b/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/app/routes/login.tsx
deleted file mode 100644
index ffd352cf2ca..00000000000
--- a/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/app/routes/login.tsx
+++ /dev/null
@@ -1,192 +0,0 @@
-import * as React from "react";
-import type { ActionFunction, LoaderFunction, MetaFunction } from "remix";
-import {
-  Form,
-  json,
-  Link,
-  useActionData,
-  redirect,
-  useSearchParams,
-} from "remix";
-
-import { createUserSession, getUserId } from "~/session.server";
-import { verifyLogin } from "~/models/user.server";
-import { validateEmail } from "~/utils";
-
-export const loader: LoaderFunction = async ({ request }) => {
-  const userId = await getUserId(request);
-  if (userId) return redirect("/");
-  return json({});
-};
-
-interface ActionData {
-  errors?: {
-    email?: string;
-    password?: string;
-  };
-}
-
-export const action: ActionFunction = async ({ request }) => {
-  const formData = await request.formData();
-  const email = formData.get("email");
-  const password = formData.get("password");
-  const redirectTo = formData.get("redirectTo");
-  const remember = formData.get("remember");
-
-  if (!validateEmail(email)) {
-    return json<ActionData>(
-      { errors: { email: "Email is invalid" } },
-      { status: 400 }
-    );
-  }
-
-  if (typeof password !== "string") {
-    return json<ActionData>(
-      { errors: { password: "Password is required" } },
-      { status: 400 }
-    );
-  }
-
-  if (password.length < 8) {
-    return json<ActionData>(
-      { errors: { password: "Password is too short" } },
-      { status: 400 }
-    );
-  }
-
-  const user = await verifyLogin(email, password);
-
-  if (!user) {
-    return json<ActionData>(
-      { errors: { email: "Invalid email or password" } },
-      { status: 400 }
-    );
-  }
-
-  return createUserSession({
-    request,
-    userId: user.id,
-    remember: remember === "on" ? true : false,
-    redirectTo: typeof redirectTo === "string" ? redirectTo : "/notes",
-  });
-};
-
-export const meta: MetaFunction = () => {
-  return {
-    title: "Login",
-  };
-};
-
-export default function LoginPage() {
-  const [searchParams] = useSearchParams();
-  const redirectTo = searchParams.get("redirectTo") || "/notes";
-  const actionData = useActionData() as ActionData;
-  const emailRef = React.useRef<HTMLInputElement>(null);
-  const passwordRef = React.useRef<HTMLInputElement>(null);
-
-  React.useEffect(() => {
-    if (actionData?.errors?.email) {
-      emailRef.current?.focus();
-    } else if (actionData?.errors?.password) {
-      passwordRef.current?.focus();
-    }
-  }, [actionData]);
-
-  return (
-    <div className="flex min-h-full flex-col justify-center">
-      <div className="mx-auto w-full max-w-md px-8">
-        <Form method="post" className="space-y-6">
-          <div>
-            <label
-              htmlFor="email"
-              className="block text-sm font-medium text-gray-700"
-            >
-              Email address
-            </label>
-            <div className="mt-1">
-              <input
-                ref={emailRef}
-                id="email"
-                required
-                autoFocus={true}
-                name="email"
-                type="email"
-                autoComplete="email"
-                aria-invalid={actionData?.errors?.email ? true : undefined}
-                aria-describedby="email-error"
-                className="w-full rounded border border-gray-500 px-2 py-1 text-lg"
-              />
-              {actionData?.errors?.email && (
-                <div className="pt-1 text-red-700" id="email-error">
-                  {actionData.errors.email}
-                </div>
-              )}
-            </div>
-          </div>
-
-          <div>
-            <label
-              htmlFor="password"
-              className="block text-sm font-medium text-gray-700"
-            >
-              Password
-            </label>
-            <div className="mt-1">
-              <input
-                id="password"
-                ref={passwordRef}
-                name="password"
-                type="password"
-                autoComplete="new-password"
-                aria-invalid={actionData?.errors?.password ? true : undefined}
-                aria-describedby="password-error"
-                className="w-full rounded border border-gray-500 px-2 py-1 text-lg"
-              />
-              {actionData?.errors?.password && (
-                <div className="pt-1 text-red-700" id="password-error">
-                  {actionData.errors.password}
-                </div>
-              )}
-            </div>
-          </div>
-
-          <input type="hidden" name="redirectTo" value={redirectTo} />
-          <button
-            type="submit"
-            className="w-full rounded bg-blue-500  py-2 px-4 text-white hover:bg-blue-600 focus:bg-blue-400"
-          >
-            Log in
-          </button>
-          <div className="flex items-center justify-between">
-            <div className="flex items-center">
-              <input
-                id="remember"
-                name="remember"
-                type="checkbox"
-                className="h-4 w-4 rounded border-gray-300 text-blue-600 focus:ring-blue-500"
-              />
-              <label
-                htmlFor="remember"
-                className="ml-2 block text-sm text-gray-900"
-              >
-                Remember me
-              </label>
-            </div>
-            <div className="text-center text-sm text-gray-500">
-              Don't have an account?{" "}
-              <Link
-                className="text-blue-500 underline"
-                to={{
-                  pathname: "/join",
-                  search: searchParams.toString(),
-                }}
-              >
-                Sign up
-              </Link>
-            </div>
-          </div>
-        </Form>
-      </div>
-    </div>
-  );
-}
diff --git a/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/app/routes/logout.tsx b/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/app/routes/logout.tsx
deleted file mode 100644
index 17be85ff7f2..00000000000
--- a/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/app/routes/logout.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import type { ActionFunction, LoaderFunction } from "remix";
-import { redirect } from "remix";
-import { logout } from "~/session.server";
-
-export const action: ActionFunction = async ({ request }) => {
-  return logout(request);
-};
-
-export const loader: LoaderFunction = async () => {
-  return redirect("/");
-};
diff --git a/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/app/routes/notes.tsx b/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/app/routes/notes.tsx
deleted file mode 100644
index 8a496a94f60..00000000000
--- a/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/app/routes/notes.tsx
+++ /dev/null
@@ -1,73 +0,0 @@
-import { Form, json, useLoaderData, Outlet, Link, NavLink } from "remix";
-import type { LoaderFunction } from "remix";
-
-import { requireUserId } from "~/session.server";
-import { useUser } from "~/utils";
-import { getNoteListItems } from "~/models/note.server";
-
-type LoaderData = {
-  noteListItems: Awaited<ReturnType<typeof getNoteListItems>>;
-};
-
-export const loader: LoaderFunction = async ({ request }) => {
-  const userId = await requireUserId(request);
-  const noteListItems = await getNoteListItems({ userId });
-  return json<LoaderData>({ noteListItems });
-};
-
-export default function NotesPage() {
-  const data = useLoaderData() as LoaderData;
-  const user = useUser();
-
-  return (
-    <div className="flex h-full min-h-screen flex-col">
-      <header className="flex items-center justify-between bg-slate-800 p-4 text-white">
-        <h1 className="text-3xl font-bold">
-          <Link to=".">Notes</Link>
-        </h1>
-        <p>{user.email}</p>
-        <Form action="/logout" method="post">
-          <button
-            type="submit"
-            className="rounded bg-slate-600 py-2 px-4 text-blue-100 hover:bg-blue-500 active:bg-blue-600"
-          >
-            Logout
-          </button>
-        </Form>
-      </header>
-
-      <main className="flex h-full bg-white">
-        <div className="h-full w-80 border-r bg-gray-50">
-          <Link to="new" className="block p-4 text-xl text-blue-500">
-            + New Note
-          </Link>
-
-          <hr />
-
-          {data.noteListItems.length === 0 ? (
-            <p className="p-4">No notes yet</p>
-          ) : (
-            <ol>
-              {data.noteListItems.map((note) => (
-                <li key={note.id}>
-                  <NavLink
-                    className={({ isActive }) =>
-                      `block border-b p-4 text-xl ${isActive ? "bg-white" : ""}`
-                    }
-                    to={note.id}
-                  >
-                    📝 {note.title}
-                  </NavLink>
-                </li>
-              ))}
-            </ol>
-          )}
-        </div>
-
-        <div className="flex-1 p-6">
-          <Outlet />
-        </div>
-      </main>
-    </div>
-  );
-}
diff --git a/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/app/routes/notes/$noteId.tsx b/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/app/routes/notes/$noteId.tsx
deleted file mode 100644
index 10b4e65fdd4..00000000000
--- a/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/app/routes/notes/$noteId.tsx
+++ /dev/null
@@ -1,68 +0,0 @@
-import type { LoaderFunction, ActionFunction } from "remix";
-import { redirect } from "remix";
-import { json, useLoaderData, useCatch, Form } from "remix";
-import invariant from "tiny-invariant";
-import type { Note } from "~/models/note.server";
-import { deleteNote } from "~/models/note.server";
-import { getNote } from "~/models/note.server";
-import { requireUserId } from "~/session.server";
-
-type LoaderData = {
-  note: Note;
-};
-
-export const loader: LoaderFunction = async ({ request, params }) => {
-  const userId = await requireUserId(request);
-  invariant(params.noteId, "noteId not found");
-
-  const note = await getNote({ userId, id: params.noteId });
-  if (!note) {
-    throw new Response("Not Found", { status: 404 });
-  }
-  return json<LoaderData>({ note });
-};
-
-export const action: ActionFunction = async ({ request, params }) => {
-  const userId = await requireUserId(request);
-  invariant(params.noteId, "noteId not found");
-
-  await deleteNote({ userId, id: params.noteId });
-
-  return redirect("/notes");
-};
-
-export default function NoteDetailsPage() {
-  const data = useLoaderData() as LoaderData;
-
-  return (
-    <div>
-      <h3 className="text-2xl font-bold">{data.note.title}</h3>
-      <p className="py-6">{data.note.body}</p>
-      <hr className="my-4" />
-      <Form method="post">
-        <button
-          type="submit"
-          className="rounded bg-blue-500  py-2 px-4 text-white hover:bg-blue-600 focus:bg-blue-400"
-        >
-          Delete
-        </button>
-      </Form>
-    </div>
-  );
-}
-
-export function ErrorBoundary({ error }: { error: Error }) {
-  console.error(error);
-
-  return <div>An unexpected error occurred: {error.message}</div>;
-}
-
-export function CatchBoundary() {
-  const caught = useCatch();
-
-  if (caught.status === 404) {
-    return <div>Note not found</div>;
-  }
-
-  throw new Error(`Unexpected caught response with status: ${caught.status}`);
-}
diff --git a/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/app/routes/notes/index.tsx b/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/app/routes/notes/index.tsx
deleted file mode 100644
index 30df34be502..00000000000
--- a/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/app/routes/notes/index.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Link } from "remix";
-
-export default function NoteIndexPage() {
-  return (
-    <p>
-      No note selected. Select a note on the left, or{" "}
-      <Link to="new" className="text-blue-500 underline">
-        create a new note.
-      </Link>
-    </p>
-  );
-}
diff --git a/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/app/routes/notes/new.tsx b/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/app/routes/notes/new.tsx
deleted file mode 100644
index 8b856d66a35..00000000000
--- a/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/app/routes/notes/new.tsx
+++ /dev/null
@@ -1,116 +0,0 @@
-import * as React from "react";
-import { Form, json, redirect, useActionData } from "remix";
-import type { ActionFunction } from "remix";
-import Alert from "@reach/alert";
-
-import { createNote } from "~/models/note.server";
-import { requireUserId } from "~/session.server";
-
-type ActionData = {
-  errors?: {
-    title?: string;
-    body?: string;
-  };
-};
-
-export const action: ActionFunction = async ({ request }) => {
-  const userId = await requireUserId(request);
-
-  const formData = await request.formData();
-  const title = formData.get("title");
-  const body = formData.get("body");
-
-  if (typeof title !== "string" || title.length === 0) {
-    return json<ActionData>(
-      { errors: { title: "Title is required" } },
-      { status: 400 }
-    );
-  }
-
-  if (typeof body !== "string" || body.length === 0) {
-    return json<ActionData>(
-      { errors: { body: "Body is required" } },
-      { status: 400 }
-    );
-  }
-
-  const note = await createNote({ title, body, userId });
-
-  return redirect(`/notes/${note.id}`);
-};
-
-export default function NewNotePage() {
-  const actionData = useActionData() as ActionData;
-  const titleRef = React.useRef<HTMLInputElement>(null);
-  const bodyRef = React.useRef<HTMLTextAreaElement>(null);
-
-  React.useEffect(() => {
-    if (actionData?.errors?.title) {
-      titleRef.current?.focus();
-    } else if (actionData?.errors?.body) {
-      bodyRef.current?.focus();
-    }
-  }, [actionData]);
-
-  return (
-    <Form
-      method="post"
-      style={{
-        display: "flex",
-        flexDirection: "column",
-        gap: 8,
-        width: "100%",
-      }}
-    >
-      <div>
-        <label className="flex w-full flex-col gap-1">
-          <span>Title: </span>
-          <input
-            ref={titleRef}
-            name="title"
-            className="flex-1 rounded-md border-2 border-blue-500 px-3 text-lg leading-loose"
-            aria-invalid={actionData?.errors?.title ? true : undefined}
-            aria-errormessage={
-              actionData?.errors?.title ? "title-error" : undefined
-            }
-          />
-        </label>
-        {actionData?.errors?.title && (
-          <Alert className="pt-1 text-red-700" id="title=error">
-            {actionData.errors.title}
-          </Alert>
-        )}
-      </div>
-
-      <div>
-        <label className="flex w-full flex-col gap-1">
-          <span>Body: </span>
-          <textarea
-            ref={bodyRef}
-            name="body"
-            rows={8}
-            className="w-full flex-1 rounded-md border-2 border-blue-500 py-2 px-3 text-lg leading-6"
-            aria-invalid={actionData?.errors?.body ? true : undefined}
-            aria-errormessage={
-              actionData?.errors?.body ? "body-error" : undefined
-            }
-          />
-        </label>
-        {actionData?.errors?.body && (
-          <Alert className="pt-1 text-red-700" id="body=error">
-            {actionData.errors.body}
-          </Alert>
-        )}
-      </div>
-
-      <div className="text-right">
-        <button
-          type="submit"
-          className="rounded bg-blue-500 py-2 px-4 text-white hover:bg-blue-600 focus:bg-blue-400"
-        >
-          Save
-        </button>
-      </div>
-    </Form>
-  );
-}
diff --git a/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/app/routes/posts/$slug.tsx b/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/app/routes/posts/$slug.tsx
deleted file mode 100644
index d36c97f0e5e..00000000000
--- a/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/app/routes/posts/$slug.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import type { LoaderFunction } from "remix";
-import { useLoaderData, json } from "remix";
-import { getPost } from "~/models/post.server";
-import type { Post } from "~/models/post.server";
-import invariant from "tiny-invariant";
-import { marked } from "marked";
-
-type LoaderData = { post: Post; html: string };
-
-export const loader: LoaderFunction = async ({ params }) => {
-  invariant(params.slug, `params.slug is required`);
-
-  const post = await getPost(params.slug);
-  invariant(post, `Post not found: ${params.slug}`);
-
-  const html = marked(post.markdown);
-  return json<LoaderData>({ post, html });
-};
-
-export default function PostSlug() {
-  const { post, html } = useLoaderData() as LoaderData;
-  return (
-    <main className="mx-auto max-w-4xl">
-      <h1 className="my-6 border-b-2 text-center text-3xl">{post.title}</h1>
-      <div dangerouslySetInnerHTML={{ __html: html }} />
-    </main>
-  );
-}
diff --git a/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/app/routes/posts/admin.tsx b/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/app/routes/posts/admin.tsx
deleted file mode 100644
index 10d44a7cf20..00000000000
--- a/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/app/routes/posts/admin.tsx
+++ /dev/null
@@ -1,37 +0,0 @@
-import type { LoaderFunction } from "remix";
-import { Link, Outlet, useLoaderData, json } from "remix";
-
-import { getPosts } from "~/models/post.server";
-
-type LoaderData = {
-  posts: Awaited<ReturnType<typeof getPosts>>;
-};
-
-export const loader: LoaderFunction = async () => {
-  return json({ posts: await getPosts() });
-};
-
-export default function PostAdmin() {
-  const { posts } = useLoaderData() as LoaderData;
-  return (
-    <div className="mx-auto max-w-4xl">
-      <h1 className="my-6 mb-2 border-b-2 text-center text-3xl">Blog Admin</h1>
-      <div className="grid grid-cols-4 gap-6">
-        <nav className="col-span-4 md:col-span-1">
-          <ul>
-            {posts.map((post) => (
-              <li key={post.slug}>
-                <Link to={post.slug} className="text-blue-600 underline">
-                  {post.title}
-                </Link>
-              </li>
-            ))}
-          </ul>
-        </nav>
-        <main className="col-span-4 md:col-span-3">
-          <Outlet />
-        </main>
-      </div>
-    </div>
-  );
-}
diff --git a/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/app/routes/posts/admin/index.tsx b/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/app/routes/posts/admin/index.tsx
deleted file mode 100644
index 38f2e930ac6..00000000000
--- a/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/app/routes/posts/admin/index.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { Link } from "remix";
-
-export default function AdminIndex() {
-  return (
-    <p>
-      <Link to="new" className="text-blue-600 underline">
-        Create a New Post
-      </Link>
-    </p>
-  );
-}
diff --git a/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/app/routes/posts/admin/new.tsx b/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/app/routes/posts/admin/new.tsx
deleted file mode 100644
index 19ec4e353d2..00000000000
--- a/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/app/routes/posts/admin/new.tsx
+++ /dev/null
@@ -1,90 +0,0 @@
-import type { ActionFunction } from "@remix-run/node";
-import { redirect, json } from "@remix-run/node";
-import { Form, useActionData, useNavigation } from "@remix-run/react";
-import invariant from "tiny-invariant";
-import { createPost } from "~/models/post.server";
-
-type ActionData =
-  | { title: null | string; slug: null | string; markdown: null | string }
-  | undefined;
-export const action: ActionFunction = async ({ request }) => {
-  const formData = await request.formData();
-
-  const title = formData.get("title");
-  const slug = formData.get("slug");
-  const markdown = formData.get("markdown");
-
-  const errors: ActionData = {
-    title: title ? null : "Title is required",
-    slug: slug ? null : "Slug is required",
-    markdown: markdown ? null : "Markdown is required",
-  };
-  const hasErrors = Object.values(errors).some((errorMessage) => errorMessage);
-  if (hasErrors) {
-    return json<ActionData>(errors);
-  }
-
-  invariant(typeof title === "string", "title must be a string");
-  invariant(typeof slug === "string", "slug must be a string");
-  invariant(typeof markdown === "string", "markdown must be a string");
-
-  await createPost({ title, slug, markdown });
-
-  return redirect("/posts/admin");
-};
-
-const inputClassName = `w-full rounded border border-gray-500 px-2 py-1 text-lg`;
-
-export default function NewPost() {
-  const errors = useActionData();
-
-  const navigation = useNavigation();
-  const isCreating = Boolean(navigation.formData);
-
-  return (
-    <Form method="post">
-      <p>
-        <label>
-          Post Title:{" "}
-          {errors?.title ? (
-            <em className="text-red-600">{errors.title}</em>
-          ) : null}
-          <input type="text" name="title" className={inputClassName} />
-        </label>
-      </p>
-      <p>
-        <label>
-          Post Slug:{" "}
-          {errors?.slug ? (
-            <em className="text-red-600">{errors.slug}</em>
-          ) : null}
-          <input type="text" name="slug" className={inputClassName} />
-        </label>
-      </p>
-      <p>
-        <label htmlFor="markdown">
-          Markdown:{" "}
-          {errors?.markdown ? (
-            <em className="text-red-600">{errors.markdown}</em>
-          ) : null}
-        </label>
-        <br />
-        <textarea
-          id="markdown"
-          rows={20}
-          name="markdown"
-          className={`${inputClassName} font-mono`}
-        />
-      </p>
-      <p className="text-right">
-        <button
-          type="submit"
-          className="rounded bg-blue-500 py-2 px-4 text-white hover:bg-blue-600 focus:bg-blue-400 disabled:bg-blue-300"
-          disabled={isCreating}
-        >
-          {isCreating ? "Creating..." : "Create Post"}
-        </button>
-      </p>
-    </Form>
-  );
-}
diff --git a/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/app/routes/posts/index.tsx b/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/app/routes/posts/index.tsx
deleted file mode 100644
index d65f869f19b..00000000000
--- a/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/app/routes/posts/index.tsx
+++ /dev/null
@@ -1,34 +0,0 @@
-import { Link, json, useLoaderData } from "remix";
-import { getPosts } from "~/models/post.server";
-
-type LoaderData = {
-  // this is a handy way to say: "posts is whatever type getPosts resolves to"
-  posts: Awaited<ReturnType<typeof getPosts>>;
-};
-
-export const loader = async () => {
-  return json<LoaderData>({
-    posts: await getPosts(),
-  });
-};
-
-export default function Posts() {
-  const { posts } = useLoaderData() as LoaderData;
-  return (
-    <main>
-      <h1>Posts</h1>
-      <Link to="admin" className="text-red-600 underline">
-        Admin
-      </Link>
-      <ul>
-        {posts.map((post) => (
-          <li key={post.slug}>
-            <Link to={post.slug} className="text-blue-600 underline">
-              {post.title}
-            </Link>
-          </li>
-        ))}
-      </ul>
-    </main>
-  );
-}
diff --git a/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/app/session.server.ts b/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/app/session.server.ts
deleted file mode 100644
index 9f2339911b3..00000000000
--- a/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/app/session.server.ts
+++ /dev/null
@@ -1,96 +0,0 @@
-import { createCookieSessionStorage, redirect } from "remix";
-import invariant from "tiny-invariant";
-
-import type { User } from "~/models/user.server";
-import { getUserById } from "~/models/user.server";
-
-invariant(process.env.SESSION_SECRET, "SESSION_SECRET must be set");
-
-export const sessionStorage = createCookieSessionStorage({
-  cookie: {
-    name: "__session",
-    httpOnly: true,
-    maxAge: 0,
-    path: "/",
-    sameSite: "lax",
-    secrets: [process.env.SESSION_SECRET],
-    secure: process.env.NODE_ENV === "production",
-  },
-});
-
-const USER_SESSION_KEY = "userId";
-
-export async function getSession(request: Request) {
-  const cookie = request.headers.get("Cookie");
-  return sessionStorage.getSession(cookie);
-}
-
-export async function getUserId(request: Request): Promise<string | undefined> {
-  const session = await getSession(request);
-  const userId = session.get(USER_SESSION_KEY);
-  return userId;
-}
-
-export async function getUser(request: Request): Promise<null | User> {
-  const userId = await getUserId(request);
-  if (userId === undefined) return null;
-
-  const user = await getUserById(userId);
-  if (user) return user;
-
-  throw await logout(request);
-}
-
-export async function requireUserId(
-  request: Request,
-  redirectTo: string = new URL(request.url).pathname
-): Promise<string> {
-  const userId = await getUserId(request);
-  if (!userId) {
-    const searchParams = new URLSearchParams([["redirectTo", redirectTo]]);
-    throw redirect(`/login?${searchParams}`);
-  }
-  return userId;
-}
-
-export async function requireUser(request: Request) {
-  const userId = await requireUserId(request);
-
-  const user = await getUserById(userId);
-  if (user) return user;
-
-  throw await logout(request);
-}
-
-export async function createUserSession({
-  request,
-  userId,
-  remember,
-  redirectTo,
-}: {
-  request: Request;
-  userId: string;
-  remember: boolean;
-  redirectTo: string;
-}) {
-  const session = await getSession(request);
-  session.set(USER_SESSION_KEY, userId);
-  return redirect(redirectTo, {
-    headers: {
-      "Set-Cookie": await sessionStorage.commitSession(session, {
-        maxAge: remember
-          ? 60 * 60 * 24 * 7 // 7 days
-          : undefined,
-      }),
-    },
-  });
-}
-
-export async function logout(request: Request) {
-  const session = await getSession(request);
-  return redirect("/", {
-    headers: {
-      "Set-Cookie": await sessionStorage.destroySession(session),
-    },
-  });
-}
diff --git a/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/app/utils.test.ts b/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/app/utils.test.ts
deleted file mode 100644
index 7ffd94a323c..00000000000
--- a/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/app/utils.test.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import { validateEmail } from "./utils";
-
-test("validateEmail returns false for non-emails", () => {
-  expect(validateEmail(undefined)).toBe(false);
-  expect(validateEmail(null)).toBe(false);
-  expect(validateEmail("")).toBe(false);
-  expect(validateEmail("not-an-email")).toBe(false);
-  expect(validateEmail("n@")).toBe(false);
-});
-
-test("validateEmail returns true for emails", () => {
-  expect(validateEmail("kody@example.com")).toBe(true);
-});
diff --git a/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/app/utils.ts b/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/app/utils.ts
deleted file mode 100644
index 7fd188221a2..00000000000
--- a/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/app/utils.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-import { useMemo } from "react";
-import { useMatches } from "remix";
-
-import type { User } from "~/models/user.server";
-
-/**
- * This base hook is used in other hooks to quickly search for specific data
- * across all loader data using useMatches.
- * @param {string} id The route id
- * @returns {JSON|undefined} The router data or undefined if not found
- */
-export function useMatchesData(
-  id: string
-): Record<string, unknown> | undefined {
-  const matchingRoutes = useMatches();
-  const route = useMemo(
-    () => matchingRoutes.find((route) => route.id === id),
-    [matchingRoutes, id]
-  );
-  return route?.data;
-}
-
-function isUser(user: any): user is User {
-  return user && typeof user === "object" && typeof user.email === "string";
-}
-
-export function useOptionalUser(): User | undefined {
-  const data = useMatchesData("root");
-  if (!data || !isUser(data.user)) {
-    return undefined;
-  }
-  return data.user;
-}
-
-export function useUser(): User {
-  const maybeUser = useOptionalUser();
-  if (!maybeUser) {
-    throw new Error(
-      "No user found in root loader, but user is required by useUser. If user is optional, try useOptionalUser instead."
-    );
-  }
-  return maybeUser;
-}
-
-export function validateEmail(email: unknown): email is string {
-  return typeof email === "string" && email.length > 3 && email.includes("@");
-}
diff --git a/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/package.json b/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/package.json
deleted file mode 100644
index cb37f4843fa..00000000000
--- a/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/package.json
+++ /dev/null
@@ -1,69 +0,0 @@
-{
-  "name": "remix-example-blog-tutorial",
-  "private": true,
-  "sideEffects": false,
-  "scripts": {
-    "build": "run-s \"build:*\"",
-    "build:css": "npm run generate:css -- --minify",
-    "build:remix": "remix build",
-    "generate:css": "tailwindcss -o ./app/styles/tailwind.css",
-    "postinstall": "remix setup node",
-    "start": "remix-serve build",
-    "typecheck": "tsc && tsc -p cypress"
-  },
-  "prettier": {},
-  "eslintIgnore": [
-    "/node_modules",
-    "/build",
-    "/public/build"
-  ],
-  "dependencies": {
-    "@node-rs/bcrypt": "^1.6.0",
-    "@prisma/client": "^3.11.0",
-    "@reach/alert": "^0.16.0",
-    "@remix-run/react": "1.3.4",
-    "@remix-run/serve": "1.3.4",
-    "marked": "^4.0.12",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
-    "remix": "1.3.4",
-    "tiny-invariant": "^1.2.0"
-  },
-  "devDependencies": {
-    "@faker-js/faker": "^6.0.0",
-    "@remix-run/dev": "1.3.4",
-    "@remix-run/eslint-config": "1.3.4",
-    "@testing-library/cypress": "^8.0.2",
-    "@testing-library/jest-dom": "^5.16.2",
-    "@testing-library/react": "^12.1.4",
-    "@testing-library/user-event": "^13.5.0",
-    "@types/eslint": "^8.4.6",
-    "@types/marked": "^4.0.2",
-    "@types/react": "^17.0.40",
-    "@types/react-dom": "^17.0.13",
-    "@vitejs/plugin-react": "^1.2.0",
-    "c8": "^7.11.0",
-    "cross-env": "^7.0.3",
-    "cypress": "^9.5.2",
-    "esbuild-register": "^3.3.2",
-    "eslint": "^8.23.1",
-    "eslint-config-prettier": "^8.5.0",
-    "happy-dom": "^2.49.0",
-    "msw": "^0.39.2",
-    "npm-run-all": "^4.1.5",
-    "prettier": "^2.7.1",
-    "prettier-plugin-tailwindcss": "^0.1.8",
-    "prisma": "^3.11.0",
-    "start-server-and-test": "^1.14.0",
-    "tailwindcss": "^3.1.0",
-    "typescript": "^5.0.4",
-    "vite-tsconfig-paths": "^3.4.1",
-    "vitest": "^0.7.4"
-  },
-  "engines": {
-    "node": ">=14.0.0"
-  },
-  "prisma": {
-    "seed": "node --require esbuild-register prisma/seed.ts"
-  }
-}
diff --git a/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/public/favicon.ico b/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/public/favicon.ico
deleted file mode 100644
index 8830cf6821b..00000000000
Binary files a/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/public/favicon.ico and /dev/null differ
diff --git a/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/remix.config.js b/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/remix.config.js
deleted file mode 100644
index 63891ac2ab2..00000000000
--- a/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/remix.config.js
+++ /dev/null
@@ -1,5 +0,0 @@
-/** @type {import('@remix-run/dev').AppConfig} */
-module.exports = {
-  cacheDirectory: "./node_modules/.cache/remix",
-  ignoredRouteFiles: [".*", "**/*.css", "**/*.test.{js,jsx,ts,tsx}"],
-};
diff --git a/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/remix.env.d.ts b/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/remix.env.d.ts
deleted file mode 100644
index 72e2affe311..00000000000
--- a/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/remix.env.d.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-/// <reference types="@remix-run/dev" />
-/// <reference types="@remix-run/node/globals" />
diff --git a/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/tailwind.config.js b/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/tailwind.config.js
deleted file mode 100644
index 8cff356f461..00000000000
--- a/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/tailwind.config.js
+++ /dev/null
@@ -1,8 +0,0 @@
-/** @type {import('tailwindcss').Config} */
-module.exports = {
-  content: ["./app/**/*.{ts,tsx,jsx,js}"],
-  theme: {
-    extend: {},
-  },
-  plugins: [],
-};
diff --git a/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/tsconfig.json b/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/tsconfig.json
deleted file mode 100644
index 412a1fd1999..00000000000
--- a/packages/remix-dev/__tests__/fixtures/replace-remix-magic-imports/tsconfig.json
+++ /dev/null
@@ -1,26 +0,0 @@
-{
-  "exclude": ["./cypress"],
-  "include": ["remix.env.d.ts", "**/*.ts", "**/*.tsx"],
-  "compilerOptions": {
-    "lib": ["DOM", "DOM.Iterable", "ES2019"],
-    "types": ["vitest/globals"],
-    "isolatedModules": true,
-    "esModuleInterop": true,
-    "jsx": "react-jsx",
-    "module": "ES2020",
-    "moduleResolution": "node",
-    "resolveJsonModule": true,
-    "target": "ES2019",
-    "strict": true,
-    "allowJs": true,
-    "forceConsistentCasingInFileNames": true,
-    "baseUrl": ".",
-    "paths": {
-      "~/*": ["./app/*"]
-    },
-    "skipLibCheck": true,
-
-    // Remix takes care of building everything in `remix build`.
-    "noEmit": true
-  }
-}
diff --git a/packages/remix-dev/__tests__/routesConvention-test.ts b/packages/remix-dev/__tests__/routesConvention-test.ts
index 15e77963def..93e8f635a8a 100644
--- a/packages/remix-dev/__tests__/routesConvention-test.ts
+++ b/packages/remix-dev/__tests__/routesConvention-test.ts
@@ -110,11 +110,11 @@ describe("createRoutePath", () => {
 describe("defineConventionalRoutes", () => {
   it("creates a route manifest from the routes directory", () => {
     let routes = defineConventionalRoutes(
-      path.join(__dirname, "fixtures/replace-remix-magic-imports/app")
+      path.join(__dirname, "fixtures/indie-stack/app")
     );
     let keys = Object.keys(routes);
-    expect(keys).toHaveLength(14);
-    expect(keys.filter((key) => routes[key].parentId).length).toBe(14);
-    expect(keys.filter((key) => routes[key].index).length).toBe(4);
+    expect(keys).toHaveLength(1);
+    expect(keys.filter((key) => routes[key].parentId).length).toBe(1);
+    expect(keys.filter((key) => routes[key].index).length).toBe(1);
   });
 });
diff --git a/packages/remix-dev/__tests__/transform-replaceRemixMagicImports-test.ts b/packages/remix-dev/__tests__/transform-replaceRemixMagicImports-test.ts
deleted file mode 100644
index 2afa427c69d..00000000000
--- a/packages/remix-dev/__tests__/transform-replaceRemixMagicImports-test.ts
+++ /dev/null
@@ -1,86 +0,0 @@
-import replaceRemixMagicImports from "../codemod/replace-remix-magic-imports/transform";
-import * as eol from "./utils/eol";
-
-it("replaces single-specifier imports", async () => {
-  let code = [
-    'import { json } from "remix"',
-    'import type { GetLoadContextFunction } from "remix"',
-    'import { type LinkProps } from "remix"',
-  ].join("\n");
-  let transform = replaceRemixMagicImports({
-    runtime: "node",
-    adapter: "express",
-  });
-  let result = eol.normalize(transform(code, "fake.tsx"));
-  expect(result).toBe(
-    [
-      'import { type GetLoadContextFunction } from "@remix-run/express";',
-      'import { json } from "@remix-run/node";',
-      'import { type LinkProps } from "@remix-run/react";',
-    ].join("\n")
-  );
-});
-
-it("replaces single-kind, multi-specifier imports", async () => {
-  let code = [
-    'import { json, createRequestHandler, Form } from "remix"',
-    'import type { ActionFunction, GetLoadContextFunction, LinkProps } from "remix"',
-    'import { type Cookie, type RequestHandler, type NavLinkProps } from "remix"',
-  ].join("\n");
-  let transform = replaceRemixMagicImports({
-    runtime: "node",
-    adapter: "express",
-  });
-  let result = eol.normalize(transform(code, "fake.tsx"));
-  expect(result).toBe(
-    [
-      'import { type GetLoadContextFunction, type RequestHandler, createRequestHandler } from "@remix-run/express";',
-      'import { type ActionFunction, type Cookie, json } from "@remix-run/node";',
-      'import { type LinkProps, type NavLinkProps, Form } from "@remix-run/react";',
-    ].join("\n")
-  );
-});
-
-it("replaces multi-kind, multi-specifier imports", async () => {
-  let code = [
-    'import { json, type ActionFunction, createRequestHandler, type GetLoadContextFunction, Form, type LinkProps } from "remix"',
-  ].join("\n");
-  let transform = replaceRemixMagicImports({
-    runtime: "node",
-    adapter: "express",
-  });
-  let result = eol.normalize(transform(code, "fake.tsx"));
-  expect(result).toBe(
-    [
-      'import { type GetLoadContextFunction, createRequestHandler } from "@remix-run/express";',
-      'import { type ActionFunction, json } from "@remix-run/node";',
-      'import { type LinkProps, Form } from "@remix-run/react";',
-    ].join("\n")
-  );
-});
-
-it("replaces runtime-specific and adapter-specific imports", async () => {
-  let code = [
-    'import { json, createWorkersKVSessionStorage, createRequestHandler, createPagesFunctionHandler, Form } from "remix"',
-    'import type { ActionFunction, GetLoadContextFunction, createPagesFunctionHandlerParams, LinkProps } from "remix"',
-  ].join("\n");
-  let transform = replaceRemixMagicImports({
-    runtime: "cloudflare",
-    adapter: "cloudflare-pages",
-  });
-  let result = eol.normalize(transform(code, "fake.tsx"));
-  expect(result).toBe(
-    [
-      'import { type ActionFunction, createWorkersKVSessionStorage, json } from "@remix-run/cloudflare";',
-      "", // recast adds a newline here https://github.com/benjamn/recast/issues/39
-      "import {",
-      "  type GetLoadContextFunction,",
-      "  type createPagesFunctionHandlerParams,",
-      "  createPagesFunctionHandler,",
-      "  createRequestHandler,",
-      '} from "@remix-run/cloudflare-pages";',
-      "", // recast adds a newline here https://github.com/benjamn/recast/issues/39
-      'import { type LinkProps, Form } from "@remix-run/react";',
-    ].join("\n")
-  );
-});
diff --git a/packages/remix-dev/codemod/index.ts b/packages/remix-dev/codemod/index.ts
index b16563ba9c0..d83e3a73e8c 100644
--- a/packages/remix-dev/codemod/index.ts
+++ b/packages/remix-dev/codemod/index.ts
@@ -4,25 +4,24 @@ import { blue, yellow } from "../colors";
 import * as git from "./utils/git";
 import * as log from "./utils/log";
 import { task } from "./utils/task";
-import type { Options } from "./codemod";
-import replaceRemixMagicImports from "./replace-remix-magic-imports";
+import type { Codemod, Options } from "./codemod";
 import { CodemodError } from "./utils/error";
 
-const codemods = {
-  "replace-remix-magic-imports": replaceRemixMagicImports,
-} as const;
+const codemods = {} as const;
+const codemodNames = Object.keys(codemods);
 
 type CodemodName = keyof typeof codemods;
 
 const isCodemodName = (maybe: string): maybe is CodemodName =>
-  Object.keys(codemods).includes(maybe);
+  codemodNames.includes(maybe);
 
-const availableCodemodsText = [
-  "Available codemods:",
-  ...Object.keys(codemods)
-    .sort()
-    .map((name) => `- ${name}`),
-].join("\n");
+const availableCodemodsText =
+  codemodNames.length === 0
+    ? "We currently don't have any codemods. Check back soon!"
+    : [
+        "Available codemods:",
+        ...codemodNames.sort().map((name) => `- ${name}`),
+      ].join("\n");
 
 export default async (
   projectDir: string,
@@ -59,7 +58,7 @@ export default async (
           availableCodemodsText
         );
       }
-      return codemods[codemodName];
+      return codemods[codemodName] as Codemod;
     },
     `Found codemod: ${blue(codemodName)}`
   );
diff --git a/packages/remix-dev/codemod/replace-remix-magic-imports/index.ts b/packages/remix-dev/codemod/replace-remix-magic-imports/index.ts
deleted file mode 100644
index 525becb93e8..00000000000
--- a/packages/remix-dev/codemod/replace-remix-magic-imports/index.ts
+++ /dev/null
@@ -1,186 +0,0 @@
-import NpmCliPackageJson from "@npmcli/package-json";
-import glob from "fast-glob";
-import fs from "fs";
-import { maxBy } from "lodash";
-import semver from "semver";
-
-import { blue, cyan, gray } from "../../colors";
-import { readConfig } from "../../config";
-import { detectPackageManager } from "../../cli/detectPackageManager";
-import type { Codemod } from "../codemod";
-import { CodemodError } from "../utils/error";
-import * as log from "../utils/log";
-import { task } from "../utils/task";
-import replaceRemixImports from "./transform";
-import type { Dependency } from "./utils/dependencies";
-import * as Dependencies from "./utils/dependencies";
-import { detectAdapter, detectRuntime } from "./utils/detect";
-import * as Postinstall from "./utils/postinstall";
-import { isRemixPackage } from "./utils/remix";
-
-const code = (message: string) => cyan("`" + message + "`");
-
-const getRemixVersionSpec = (remixDeps: Dependency[]): string => {
-  let candidate = maxBy(remixDeps, (dep) => semver.minVersion(dep.versionSpec));
-  if (candidate === undefined) {
-    throw new CodemodError("Could not find versions for your Remix packages");
-  }
-
-  let candidateMin = semver.minVersion(candidate.versionSpec);
-  if (candidateMin === null) {
-    throw new CodemodError("Could not find versions for your Remix packages");
-  }
-
-  if (semver.lt(candidateMin, "1.3.3")) return "^1.3.3";
-
-  return candidate.versionSpec;
-};
-
-const codemod: Codemod = async (projectDir, options) => {
-  let pkg = await NpmCliPackageJson.load(projectDir);
-
-  let adapter = await task(
-    "Detecting Remix server adapter",
-    async () => detectAdapter(pkg.content),
-    (adapter) =>
-      adapter
-        ? `Detected Remix server adapter: ${blue(adapter)}`
-        : "No Remix server adapter detected"
-  );
-
-  let runtime = await task(
-    "Detecting Remix server runtime",
-    async () => detectRuntime(pkg.content, adapter),
-    (runtime) => `Detected Remix server runtime: ${blue(runtime)}`
-  );
-
-  await task(
-    `Removing magic ${code("remix")} package from dependencies`,
-    async () => {
-      let deps = Dependencies.parse(pkg.content.dependencies);
-      let remixDeps = deps.filter(({ name }) => isRemixPackage(name));
-      let otherDeps = deps.filter(({ name }) => !isRemixPackage(name));
-      let devDeps = Dependencies.parse(pkg.content.devDependencies);
-      let remixDevDeps = devDeps.filter(({ name }) => isRemixPackage(name));
-      let otherDevDeps = devDeps.filter(({ name }) => !isRemixPackage(name));
-
-      // detect `@remix-run/serve`
-      let remixServeInstalled = remixDeps
-        .map(({ name }) => name)
-        .includes("@remix-run/serve");
-
-      // determine latest Remix version that is compatible with project
-      let remixVersionSpec = getRemixVersionSpec([
-        ...remixDeps,
-        ...remixDevDeps,
-      ]);
-      pkg.update({
-        dependencies: {
-          ...Dependencies.unparse(otherDeps),
-          // ensure Remix renderer dependency
-          "@remix-run/react": remixVersionSpec,
-          // ensure Remix server runtime dependency
-          [`@remix-run/${runtime}`]: remixVersionSpec,
-          // ensure Remix server adapter dependency, if in use
-          ...(adapter ? { [`@remix-run/${adapter}`]: remixVersionSpec } : {}),
-          // ensure Remix serve dependency, if in use
-          ...(remixServeInstalled
-            ? { [`@remix-run/serve`]: remixVersionSpec }
-            : {}),
-        },
-        devDependencies: {
-          ...Dependencies.unparse(otherDevDeps),
-          ...Dependencies.unparse(
-            remixDevDeps.map(({ name }) => ({
-              name,
-              versionSpec: remixVersionSpec,
-            }))
-          ),
-          // ensure Remix dev dependency
-          [`@remix-run/dev`]: remixVersionSpec,
-        },
-      });
-      if (options.dry) return;
-      await pkg.save();
-    },
-    `Removed magic ${code("remix")} package from dependencies`
-  );
-
-  await task(
-    `Removing ${code("remix setup")} from postinstall script`,
-    async () => {
-      let postinstall = pkg.content.scripts?.postinstall;
-      if (postinstall === undefined) return;
-      if (!Postinstall.hasRemixSetup(postinstall)) return;
-      if (!Postinstall.isOnlyRemixSetup(postinstall)) {
-        throw Error(
-          `Could not automatically remove ${code(
-            "remix setup"
-          )} from postinstall script`
-        );
-      }
-
-      pkg.update({
-        scripts: Object.fromEntries(
-          Object.entries(pkg.content.scripts || {}).filter(
-            ([script]) => script !== "postinstall"
-          )
-        ),
-      });
-      if (options.dry) return;
-      await pkg.save();
-    },
-    `Removed ${code("remix setup")} from postinstall script`
-  );
-
-  let replaceRemixMagicImportsText = (soFar: number = 0, total?: number) => {
-    let text = `Replacing magic ${code("remix")} imports`;
-    if (total === undefined) return text;
-    return text + gray(` | ${soFar}/${total} files`);
-  };
-  await task(
-    replaceRemixMagicImportsText(),
-    async (spinner) => {
-      let transform = replaceRemixImports({ runtime, adapter });
-
-      // get Remix app code file paths
-      let config = await readConfig(projectDir);
-      let files = glob.sync("**/*.+(js|jsx|ts|tsx)", {
-        absolute: true,
-        cwd: config.appDirectory,
-      });
-      spinner.text = replaceRemixMagicImportsText(0, files.length);
-
-      let changes: boolean = false;
-      // run the transform on each of those files
-      for (let [i, file] of files.entries()) {
-        spinner.text = replaceRemixMagicImportsText(i, files.length);
-        let code = fs.readFileSync(file, "utf-8");
-        let result = transform(code, file);
-        if (result === code) continue;
-        changes = true;
-
-        if (options.dry) {
-          spinner.info(`${file} would be changed`);
-          continue;
-        }
-        fs.writeFileSync(file, result);
-      }
-      if (options.dry && !changes) spinner.info("No files would be changed");
-      return files.length;
-    },
-    (fileCount) =>
-      replaceRemixMagicImportsText(fileCount, fileCount).replace(
-        "Replacing",
-        "Replaced"
-      )
-  );
-
-  if (!options.dry) {
-    let packageManager = detectPackageManager() ?? "npm";
-    log.info(
-      `👉 To update your lockfile, run ${code(`${packageManager} install`)}`
-    );
-  }
-};
-export default codemod;
diff --git a/packages/remix-dev/codemod/replace-remix-magic-imports/transform.ts b/packages/remix-dev/codemod/replace-remix-magic-imports/transform.ts
deleted file mode 100644
index b0c2b693b33..00000000000
--- a/packages/remix-dev/codemod/replace-remix-magic-imports/transform.ts
+++ /dev/null
@@ -1,221 +0,0 @@
-import type { NodePath } from "@babel/core";
-import * as t from "@babel/types";
-import _ from "lodash";
-
-import * as Transform from "../../transform";
-import { CodemodError } from "../utils/error";
-import type { Export } from "./utils/export";
-import {
-  getAdapterExports,
-  getRendererExports,
-  getRuntimeExports,
-} from "./utils/export";
-import type { Adapter, RemixPackage, Runtime } from "./utils/remix";
-import { isRemixPackage } from "./utils/remix";
-
-type Options = {
-  runtime: Runtime;
-  adapter?: Adapter;
-};
-
-type ExistingExport<Source extends string> = Export<Source> & {
-  // include declaration path for contextual error messages
-  _declaration: NodePath<t.ImportDeclaration>;
-};
-
-const createRemixMagicImportReplacer = ({ runtime, adapter }: Options) => {
-  let remixExports = [
-    ...getRuntimeExports(runtime),
-    ...(adapter ? getAdapterExports(adapter) : []),
-    ...getRendererExports("react"),
-  ];
-
-  let _key = ({ kind, name }: Omit<Export, "source" | "alias">) =>
-    `kind:${kind},name:${name}`;
-
-  let remixImportReplacements = new Map<
-    string,
-    { source: Exclude<RemixPackage, "remix">; name: string }
-  >(
-    remixExports.map(({ source, kind, name }) => [
-      _key({ kind, name }),
-      { source, name },
-    ])
-  );
-  return (key: Omit<Export, "source" | "alias">) =>
-    remixImportReplacements.get(_key(key));
-};
-
-// NOTE: `import { type blah } from "blah"` syntax introduced in TS 4.5
-// https://www.typescriptlang.org/docs/handbook/release-notes/typescript-4-5.html#type-modifiers-on-import-names
-// which we started using in feb 18 2022
-// https://github.com/remix-run/remix/pull/2028/files#diff-c4027b59d017e68accdc8974b21bd70721924836b18284a05b5a4944cf463c6fL16
-// starting with v1.2.2
-// https://github.com/remix-run/remix/blob/v1.2.2/package.json#L102
-// which was release on February 21, 2022
-
-const findRemixImportDeclarations = (
-  program: NodePath<t.Program>
-): NodePath<t.ImportDeclaration>[] => {
-  let found: NodePath<t.ImportDeclaration>[] = [];
-  program.traverse({
-    ImportDeclaration: (path) => {
-      let source = path.node.source.value;
-      if (!isRemixPackage(source)) {
-        return;
-      }
-      found.push(path);
-    },
-  });
-  return found;
-};
-
-const flattenRemixImportDeclarations = (
-  remixImportDeclarations: NodePath<t.ImportDeclaration>[]
-): ExistingExport<RemixPackage>[] => {
-  let flattened: ExistingExport<RemixPackage>[] = [];
-  remixImportDeclarations.forEach((declaration) => {
-    let { source, specifiers } = declaration.node;
-    // Side-effect imports like `import "remix"` not produced flattened specifiers
-    // so they will not contribute to the new Remix import declarations
-    specifiers.forEach((specifier) => {
-      if (t.isImportDefaultSpecifier(specifier)) {
-        throw declaration.buildCodeFrameError(
-          "This codemod does not support default imports for the `remix` package.\n" +
-            "Replace the default import with named imports and try again."
-        );
-      }
-      if (t.isImportNamespaceSpecifier(specifier)) {
-        throw declaration.buildCodeFrameError(
-          "This codemod does not support namespace imports for the `remix` package.\n" +
-            "Replace the namespace import with named imports and try again."
-        );
-      }
-      let { imported, local, importKind } = specifier;
-
-      let kind =
-        importKind === "type" || declaration.node.importKind === "type"
-          ? ("type" as const)
-          : importKind ?? declaration.node.importKind ?? "value";
-
-      let name = t.isStringLiteral(imported) ? imported.value : imported.name;
-
-      flattened.push({
-        source: source.value as RemixPackage,
-        kind,
-        name,
-        alias: local.name === name ? undefined : local.name,
-        _declaration: declaration,
-      });
-    });
-  });
-  return flattened;
-};
-
-const convertToNewRemixImports = (
-  currentRemixImports: ExistingExport<RemixPackage>[],
-  options: Options
-): Export<Exclude<RemixPackage, "remix">>[] => {
-  let replaceRemixMagicImport = createRemixMagicImportReplacer(options);
-  return currentRemixImports.map((currentRemixImport) => {
-    if (currentRemixImport.source !== "remix") {
-      return currentRemixImport as Export<Exclude<RemixPackage, "remix">>;
-    }
-
-    let newRemixImport = replaceRemixMagicImport({
-      kind: currentRemixImport.kind,
-      name: currentRemixImport.name,
-    });
-    if (newRemixImport === undefined) {
-      throw currentRemixImport._declaration.buildCodeFrameError(
-        `Unrecognized import from 'remix': ` +
-          `${currentRemixImport.kind === "type" ? "type " : ""}${
-            currentRemixImport.name
-          }`
-      );
-    }
-    return {
-      source: newRemixImport.source,
-      kind: currentRemixImport.kind,
-      name: newRemixImport.name,
-      alias: currentRemixImport.alias,
-    };
-  });
-};
-
-const groupImportsBySource = <Source extends string = string>(
-  imports: Export<Source>[]
-) => {
-  let grouped = new Map<Source, Export<Source>[]>();
-  imports.forEach((imp) => {
-    let current = grouped.get(imp.source) ?? [];
-    grouped.set(imp.source, [...current, imp]);
-  });
-  return grouped;
-};
-
-export default (options: Options) =>
-  Transform.create((babel) => {
-    let { types: t } = babel;
-    return {
-      visitor: {
-        Program(program) {
-          // find current Remix import declarations
-          let currentRemixImportDeclarations =
-            findRemixImportDeclarations(program);
-
-          // check for magic `from "remix"` imports
-          let magicRemixImports = currentRemixImportDeclarations.filter(
-            (path) => path.node.source.value === "remix"
-          );
-          if (magicRemixImports.length === 0) return;
-
-          // flatten current Remix import declarations to specifiers
-          let currentRemixImports = flattenRemixImportDeclarations(
-            currentRemixImportDeclarations
-          );
-
-          // convert current remix imports to new imports
-          let newRemixImports = convertToNewRemixImports(
-            currentRemixImports,
-            options
-          );
-
-          // group new imports by source
-          let newRemixImportsBySource: [string, Export[]][] = Array.from(
-            groupImportsBySource(newRemixImports)
-          );
-
-          // create new import declarations
-          let newRemixImportDeclarations = _.sortBy(
-            newRemixImportsBySource,
-            ([source]) => source
-          ).map(([source, specifiers]) => {
-            return t.importDeclaration(
-              _.sortBy(specifiers, ["kind", "name"]).map((spec) => {
-                if (spec.source !== source)
-                  throw new CodemodError(
-                    `Specifier source '${spec.source}' does not match declaration source '${source}'`
-                  );
-                return {
-                  type: "ImportSpecifier",
-                  local: t.identifier(spec.alias ?? spec.name),
-                  imported: t.identifier(spec.name),
-                  importKind: spec.kind,
-                };
-              }),
-              t.stringLiteral(source)
-            );
-          });
-
-          // add new remix import declarations
-          currentRemixImportDeclarations[0].insertAfter(
-            newRemixImportDeclarations
-          );
-
-          // remove old remix import declarations
-          currentRemixImportDeclarations.forEach((decl) => decl.remove());
-        },
-      },
-    };
-  });
diff --git a/packages/remix-dev/codemod/replace-remix-magic-imports/utils/dependencies.ts b/packages/remix-dev/codemod/replace-remix-magic-imports/utils/dependencies.ts
deleted file mode 100644
index f206afedc23..00000000000
--- a/packages/remix-dev/codemod/replace-remix-magic-imports/utils/dependencies.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-export interface Dependency {
-  name: string;
-  versionSpec: string;
-}
-
-export let parse = (deps?: Record<string, string>): Dependency[] =>
-  Object.entries(deps || {}).map(([name, versionSpec]) => ({
-    name,
-    versionSpec,
-  }));
-
-export let unparse = (deps: Dependency[]): Record<string, string> => {
-  return Object.fromEntries(
-    deps.map(({ name, versionSpec }) => [name, versionSpec])
-  );
-};
diff --git a/packages/remix-dev/codemod/replace-remix-magic-imports/utils/detect.ts b/packages/remix-dev/codemod/replace-remix-magic-imports/utils/detect.ts
deleted file mode 100644
index a0ac8e8dde2..00000000000
--- a/packages/remix-dev/codemod/replace-remix-magic-imports/utils/detect.ts
+++ /dev/null
@@ -1,67 +0,0 @@
-import type { PackageJson } from "@npmcli/package-json";
-
-import { CodemodError } from "../../utils/error";
-import * as Dependencies from "./dependencies";
-import * as Postinstall from "./postinstall";
-import type { Adapter, Runtime } from "./remix";
-import { isAdapter, isRemixPackage } from "./remix";
-
-const autoDetectPostinstallRuntime = (
-  packageJson: PackageJson
-): Runtime | undefined => {
-  let postinstall = packageJson.scripts?.postinstall;
-  if (postinstall === undefined) return undefined;
-
-  // match `remix setup <runtime>` in `postinstall` script
-  return Postinstall.parseRuntime(postinstall);
-};
-
-const adapterToRuntime: Record<Adapter, Runtime> = {
-  architect: "node",
-  "cloudflare-pages": "cloudflare",
-  "cloudflare-workers": "cloudflare",
-  express: "node",
-  netlify: "node",
-  vercel: "node",
-};
-
-export const detectRuntime = (
-  packageJson: PackageJson,
-  adapter?: Adapter
-): Runtime => {
-  // match `remix setup <runtime>` in `postinstall` script
-  let postinstallRuntime = autoDetectPostinstallRuntime(packageJson);
-  if (postinstallRuntime) return postinstallRuntime;
-
-  // infer runtime from adapter
-  if (adapter) return adapterToRuntime[adapter];
-
-  // @remix-run/serve uses node
-  let deps = Dependencies.parse(packageJson.dependencies);
-  let remixDeps = deps.filter(({ name }) => isRemixPackage(name));
-  if (remixDeps.map(({ name }) => name).includes("@remix-run/serve")) {
-    return "node" as const;
-  }
-
-  throw new CodemodError("Could not detect your Remix server runtime");
-};
-
-export const detectAdapter = (
-  packageJson: PackageJson
-): Adapter | undefined => {
-  // find adapter in package.json dependencies
-  let deps = Dependencies.parse(packageJson.dependencies);
-  let remixDeps = deps.filter(({ name }) => isRemixPackage(name));
-  let adapters = remixDeps
-    .map(({ name }) => name.replace(/^@remix-run\//, ""))
-    .filter(isAdapter);
-
-  if (adapters.length === 0) return undefined;
-  if (adapters.length > 1) {
-    throw new CodemodError(
-      "Found multiple Remix server adapters your in dependencies",
-      adapters.map((adapter) => `- @remix-run/${adapter}`).join("\n")
-    );
-  }
-  return adapters[0];
-};
diff --git a/packages/remix-dev/codemod/replace-remix-magic-imports/utils/export.ts b/packages/remix-dev/codemod/replace-remix-magic-imports/utils/export.ts
deleted file mode 100644
index a7625971516..00000000000
--- a/packages/remix-dev/codemod/replace-remix-magic-imports/utils/export.ts
+++ /dev/null
@@ -1,229 +0,0 @@
-import type { Adapter, Renderer, Runtime } from "./remix";
-
-export type Export<Source extends string = string> = {
-  source: Source;
-  kind: "type" | "value" | "typeof";
-  name: string;
-  alias?: string;
-};
-
-const exportsFromNames = <Source extends string = string>(
-  source: Source,
-  names: {
-    type: readonly string[];
-    value: readonly string[];
-  }
-): Export<Source>[] => {
-  return [
-    ...names.type.map(
-      (name) =>
-        ({
-          source,
-          kind: "type",
-          name,
-        } as const)
-    ),
-    ...names.value.map(
-      (name) =>
-        ({
-          source,
-          kind: "value",
-          name,
-        } as const)
-    ),
-  ];
-};
-
-type ExportNames = {
-  type: string[];
-  value: string[];
-};
-
-// Runtimes
-
-const defaultRuntimeExports: ExportNames = {
-  type: [
-    "ActionFunction",
-    "AppData",
-    "AppLoadContext",
-    "Cookie",
-    "CookieOptions",
-    "CookieParseOptions",
-    "CookieSerializeOptions",
-    "CookieSignatureOptions",
-    "CreateRequestHandlerFunction",
-    "DataFunctionArgs",
-    "EntryContext",
-    "ErrorBoundaryComponent",
-    "HandleDataRequestFunction",
-    "HandleDocumentRequestFunction",
-    "HeadersArgs",
-    "HeadersFunction",
-    "HtmlLinkDescriptor",
-    "HtmlMetaDescriptor",
-    "LinkDescriptor",
-    "LinksFunction",
-    "LoaderFunction",
-    "MemoryUploadHandlerFilterArgs",
-    "MemoryUploadHandlerOptions",
-    "MetaDescriptor",
-    "MetaFunction",
-    "HandleErrorFunction",
-    "PageLinkDescriptor",
-    "RequestHandler",
-    "RouteComponent",
-    "RouteHandle",
-    "ServerBuild",
-    "ServerEntryModule",
-    "Session",
-    "SessionData",
-    "SessionIdStorageStrategy",
-    "SessionStorage",
-    "UploadHandler",
-    "UploadHandlerPart",
-  ],
-  value: [
-    "createCookie",
-    "createCookieSessionStorage",
-    "createMemorySessionStorage",
-    "createRequestHandler",
-    "createSession",
-    "createSessionStorage",
-    "isCookie",
-    "isSession",
-    "json",
-    "MaxPartSizeExceededError",
-    "redirect",
-    "unstable_composeUploadHandlers",
-    "unstable_createMemoryUploadHandler",
-    "unstable_parseMultipartFormData",
-  ],
-};
-
-const exportNamesByRuntime: Record<Runtime, Partial<ExportNames>> = {
-  cloudflare: {
-    value: [
-      "createCloudflareKVSessionStorage",
-      "createWorkersKVSessionStorage",
-    ],
-  },
-  node: {
-    type: ["HeadersInit", "RequestInfo", "RequestInit", "ResponseInit"],
-    value: [
-      "AbortController",
-      "createFileSessionStorage",
-      "createReadableStreamFromReadable",
-      "fetch",
-      "FormData",
-      "Headers",
-      "installGlobals",
-      "NodeOnDiskFile",
-      "readableStreamToString",
-      "Request",
-      "Response",
-      "unstable_createFileUploadHandler",
-      "writeAsyncIterableToWritable",
-      "writeReadableStreamToWritable",
-    ],
-  },
-};
-
-export const getRuntimeExports = (runtime: Runtime) => {
-  let names = exportNamesByRuntime[runtime];
-  return exportsFromNames(`@remix-run/${runtime}`, {
-    type: [...defaultRuntimeExports.type, ...(names.type ?? [])],
-    value: [...defaultRuntimeExports.value, ...(names.value ?? [])],
-  });
-};
-
-// Adapters
-
-const defaultAdapterExports: ExportNames = {
-  type: ["GetLoadContextFunction", "RequestHandler"],
-  value: ["createRequestHandler"],
-};
-
-const exportNamesByAdapter: Record<Adapter, Partial<ExportNames>> = {
-  architect: {
-    value: ["createArcTableSessionStorage"],
-  },
-  "cloudflare-pages": {
-    type: ["createPagesFunctionHandlerParams"],
-    value: ["createPagesFunctionHandler"],
-  },
-  "cloudflare-workers": {
-    value: ["createEventHandler", "handleAsset"],
-  },
-  express: {},
-  netlify: {},
-  vercel: {},
-};
-
-export const getAdapterExports = (adapter: Adapter) => {
-  let names = exportNamesByAdapter[adapter];
-  return exportsFromNames(`@remix-run/${adapter}`, {
-    type: [...defaultAdapterExports.type, ...(names.type ?? [])],
-    value: [...defaultAdapterExports.value, ...(names.value ?? [])],
-  });
-};
-
-// Renderers
-
-const exportsByRenderer: Record<Renderer, Partial<ExportNames>> = {
-  react: {
-    type: [
-      "FormEncType",
-      "FormMethod",
-      "FormProps",
-      "HtmlLinkDescriptor",
-      "HtmlMetaDescriptor",
-      "LinkProps",
-      "NavLinkProps",
-      "RemixBrowserProps",
-      "RemixServerProps",
-      "SubmitFunction",
-      "SubmitOptions",
-      "ThrownResponse",
-    ],
-    value: [
-      "Form",
-      "Link",
-      "Links",
-      "LiveReload",
-      "Meta",
-      "NavLink",
-      "Outlet",
-      "PrefetchPageLinks",
-      "RemixBrowser",
-      "RemixServer",
-      "Scripts",
-      "ScrollRestoration",
-      "useActionData",
-      "useBeforeUnload",
-      "useCatch",
-      "useFetcher",
-      "useFetchers",
-      "useFormAction",
-      "useHref",
-      "useLoaderData",
-      "useLocation",
-      "useMatches",
-      "useNavigate",
-      "useNavigationType",
-      "useOutlet",
-      "useOutletContext",
-      "useParams",
-      "useResolvedPath",
-      "useSearchParams",
-      "useSubmit",
-    ],
-  },
-};
-
-export const getRendererExports = (renderer: Renderer) => {
-  let names = exportsByRenderer[renderer];
-  return exportsFromNames(`@remix-run/${renderer}`, {
-    type: names.type ?? [],
-    value: names.value ?? [],
-  });
-};
diff --git a/packages/remix-dev/codemod/replace-remix-magic-imports/utils/postinstall.ts b/packages/remix-dev/codemod/replace-remix-magic-imports/utils/postinstall.ts
deleted file mode 100644
index 1e00bde36b2..00000000000
--- a/packages/remix-dev/codemod/replace-remix-magic-imports/utils/postinstall.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-import type { Runtime } from "./remix";
-import { isRuntime } from "./remix";
-
-const remixSetup = /\s*remix\s+setup(?:$|\s+)/;
-const remixSetupRuntime = /\s*remix\s+setup\s+(\w+)\s*/;
-const onlyRemixSetup = new RegExp(`^${remixSetup.source}$`);
-const onlyRemixSetupRuntime = new RegExp(`^${remixSetupRuntime.source}$`);
-
-export const parseRuntime = (postinstall: string): Runtime | undefined => {
-  // match `remix setup <runtime>` in `postinstall` script
-  let runtimeMatch = postinstall.match(remixSetupRuntime);
-  if (runtimeMatch === null) return "node";
-  let runtime = runtimeMatch[1];
-  if (isRuntime(runtime)) return runtime;
-  console.warn(
-    `️⚠️  You have \`${runtime}\` in your \`postinstall\` script, but \`${runtime}\` is not a valid Remix server runtime.`
-  );
-  return undefined;
-};
-
-export const hasRemixSetup = (postinstall: string) => {
-  return remixSetup.test(postinstall);
-};
-
-export const isOnlyRemixSetup = (postinstall: string) =>
-  onlyRemixSetup.test(postinstall) || onlyRemixSetupRuntime.test(postinstall);
diff --git a/packages/remix-dev/codemod/replace-remix-magic-imports/utils/remix.ts b/packages/remix-dev/codemod/replace-remix-magic-imports/utils/remix.ts
deleted file mode 100644
index 77e04b85cec..00000000000
--- a/packages/remix-dev/codemod/replace-remix-magic-imports/utils/remix.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-// Runtimes
-export const runtimes = ["cloudflare", "node"] as const;
-export type Runtime = typeof runtimes[number];
-export const isRuntime = (maybe: string): maybe is Runtime =>
-  (runtimes as readonly string[]).includes(maybe);
-
-// Adapters
-const adapters = [
-  "architect",
-  "cloudflare-pages",
-  "cloudflare-workers",
-  "express",
-  "netlify",
-  "vercel",
-] as const;
-export type Adapter = typeof adapters[number];
-export const isAdapter = (maybe: string): maybe is Adapter =>
-  (adapters as readonly string[]).includes(maybe);
-
-// Renderers
-const renderers = ["react"] as const;
-export type Renderer = typeof renderers[number];
-
-export type RemixPackage =
-  | "remix"
-  | `@remix-run/${Runtime | Adapter | Renderer}`;
-export const isRemixPackage = (pkgName: string): pkgName is RemixPackage => {
-  return pkgName === "remix" || pkgName.startsWith("@remix-run/");
-};