diff --git a/.changeset/remove-v1-meta.md b/.changeset/remove-v1-meta.md
new file mode 100644
index 00000000000..100a014eb31
--- /dev/null
+++ b/.changeset/remove-v1-meta.md
@@ -0,0 +1,49 @@
+---
+"remix": major
+"@remix-run/cloudflare": major
+"@remix-run/deno": major
+"@remix-run/dev": major
+"@remix-run/eslint-config": major
+"@remix-run/node": major
+"@remix-run/react": major
+"@remix-run/server-runtime": major
+"@remix-run/testing": major
+---
+
+We have made a few important changes to the route `meta` API as reflected in the v1 implementation when using the `future.v2_meta` config option.
+
+- The `meta` function should no longer return an object, but an array of objects that map to the HTML tag's respective attributes. This provides more flexibility and control over how certain tags are rendered, and the order in which they appear.
+- In most cases, `meta` descriptor objects render a `<meta>` tag. There are a few notable exceptions:
+  - `{ title: "My app" }` will render `<title?>My app</title>`.
+  - `{ 'script:ld+json': { /* ... */ } }` will render `<script type="application/ld+json">/* ... */</script>`, where the value is serialized to JSON and rendered inside the `<script>` tag.
+  - `{ tagName: 'link', ...attributes }` will render `<link {...attributes} />`
+    - This is useful for things like setting canonical URLs. For loading assets, we encourage you to use the `links` export instead.
+    - It's important to note that `tagName` may only accept `meta` or `link`, so other arbitrary elements will be ignored.
+- `<Meta />` will no longer render the `meta` output from the entire route heirarchy. Only the output from the leaf (current) route will be rendered unless that route does not export a `meta` function, im which case the output from the nearest ancestor route with `meta` will be rendered.
+  - This change comes from user feedback that auto-merging meta made effective SEO difficult to implement. Our goal is to give you as much control as you need over meta tags for each individual route.
+  - Our suggested approach is to **only export a `meta` function from leaf route modules**. However, if you do want to render a tag from another matched route, `meta` now accepts a `matches` argument for you to merge or override parent route meta as you'd like.
+  ```tsx
+  export function meta({ matches }) {
+    return [
+      // render all ancestor route meta except for title tags
+      ...matches.flatMap((match) => match.meta).filter(match => !('title' in match)),
+      { title: "Override the title!" },
+    ];
+  }
+  ```
+- The `parentsData` argument has been removed. If you need to access data from a parent route, you can use `matches` instead.
+  ```tsx
+  // before
+  export function meta({ parentsData }) {
+    return [{ title: parentsData["routes/some-route"].title }];
+  }
+  // after
+  export function meta({ matches }) {
+    return [
+      {
+        title: matches.find((match) => match.id === "routes/some-route").data
+          .title,
+      },
+    ];
+  }
+  ```
diff --git a/.changeset/silver-readers-think.md b/.changeset/silver-readers-think.md
new file mode 100644
index 00000000000..b529f441942
--- /dev/null
+++ b/.changeset/silver-readers-think.md
@@ -0,0 +1,5 @@
+---
+"@remix-run/dev": major
+---
+
+remove `browserBuildDirectory` config
diff --git a/docs/api/conventions.md b/docs/api/conventions.md
index 1ff86db69d6..0d1f2931fea 100644
--- a/docs/api/conventions.md
+++ b/docs/api/conventions.md
@@ -158,7 +158,7 @@ title: Conventions
 
 [Moved →][moved-36]
 
-#### `HtmlMetaDescriptor`
+#### `MetaDescriptor`
 
 [Moved →][moved-37]
 
diff --git a/docs/file-conventions/root.md b/docs/file-conventions/root.md
index 062c1fb6150..8944037a5dd 100644
--- a/docs/file-conventions/root.md
+++ b/docs/file-conventions/root.md
@@ -29,16 +29,16 @@ export const links: LinksFunction = () => {
   return [{ rel: "stylesheet", href: globalStylesheetUrl }];
 };
 
-export const meta: MetaFunction = () => ({
-  charset: "utf-8",
-  title: "My Amazing App",
-  viewport: "width=device-width,initial-scale=1",
-});
-
 export default function App() {
   return (
     <html lang="en">
       <head>
+        <meta charSet="utf-8" />
+        <meta
+          name="viewport"
+          content="width=device-width, initial-scale=1"
+        />
+
         {/* All meta exports on all routes will go here */}
         <Meta />
 
diff --git a/docs/guides/constraints.md b/docs/guides/constraints.md
index b6c969b0700..3c5b3c1edac 100644
--- a/docs/guides/constraints.md
+++ b/docs/guides/constraints.md
@@ -30,7 +30,7 @@ export async function loader() {
 }
 
 export function meta() {
-  return { title: "Posts" };
+  return [{ title: "Posts" }];
 }
 
 export default function Posts() {
@@ -55,7 +55,7 @@ import { useLoaderData } from "@remix-run/react";
 import PostsView from "../PostsView";
 
 export function meta() {
-  return { title: "Posts" };
+  return [{ title: "Posts" }];
 }
 
 export default function Posts() {
@@ -90,7 +90,7 @@ export async function loader() {
 }
 
 export function meta() {
-  return { title: "Posts" };
+  return [{ title: "Posts" }];
 }
 
 export default function Posts() {
@@ -110,7 +110,7 @@ import { prisma } from "../db"; //😬
 console.log(prisma); //🥶
 
 export function meta() {
-  return { title: "Posts" };
+  return [{ title: "Posts" }];
 }
 
 export default function Posts() {
@@ -136,7 +136,7 @@ export async function loader() {
 }
 
 export function meta() {
-  return { title: "Posts" };
+  return [{ title: "Posts" }];
 }
 
 export default function Posts() {
diff --git a/docs/guides/mdx.md b/docs/guides/mdx.md
index 633dd18ad4b..3a5633ba5b7 100644
--- a/docs/guides/mdx.md
+++ b/docs/guides/mdx.md
@@ -23,8 +23,9 @@ MDX routes allow you to define both meta and headers as if they were a code base
 ```md
 ---
 meta:
-  title: My First Post
-  description: Isn't this awesome?
+  - title: My First Post
+  - name: description
+    content: Isn't this awesome?
 headers:
   Cache-Control: no-cache
 ---
@@ -56,8 +57,9 @@ By creating a `app/routes/posts/first-post.mdx` we can start writing a blog post
 ```mdx
 ---
 meta:
-  title: My First Post
-  description: Isn't this just awesome?
+  - title: My First Post
+  - name: description
+    content: Isn't this just awesome?
 ---
 
 # Example Markdown Post
@@ -72,8 +74,9 @@ You can even export all the other things in this module that you can in regular
 ```mdx
 ---
 meta:
-  title: My First Post
-  description: Isn't this awesome?
+  - title: My First Post
+  - name: description
+    content: Isn't this awesome?
 
 headers:
   Cache-Control: no-cache
diff --git a/docs/guides/migrating-react-router-app.md b/docs/guides/migrating-react-router-app.md
index 4cb2d46c004..fc999245580 100644
--- a/docs/guides/migrating-react-router-app.md
+++ b/docs/guides/migrating-react-router-app.md
@@ -552,33 +552,13 @@ If you currently inject `<link />` tags into your page client-side in your exist
 
 Just as a `<link>` is rendered inside your route component and ultimately rendered in your root `<Links />` component, your app may use some injection trickery to render additional components in the document `<head>`. Often this is done to change the document's `<title>` or `<meta>` tags.
 
-Similar to `links`, each route can also export a `meta` function that—you guessed it—returns a value responsible for rendering `<meta>` tags for that route. This is useful because each route often has its own.
-
-The API is slightly different for `meta`. Instead of an array, it returns an object where the keys represent the meta `name` attribute (or `property` in the case of OpenGraph tags) and the value is the `content` attribute. The object can also accept a `title` property that renders a `<title />` component specifically for that route.
-
-```jsx filename=app/routes/about.jsx lines=[1-10]
-export function meta() {
-  return {
-    title: "About Us",
-    "og:title": "About Us",
-    description: "Doin hoodrat stuff with our friends",
-    "og:description": "Doin hoodrat stuff with our friends",
-    "og:image:url": "https://remix.run/og-image.png",
-    "og:image:alt": "Just doin a bunch of hoodrat stuff",
-  };
-}
+Similar to `links`, each route can also export a `meta` function that returns values responsible for rendering `<meta>` tags for that route (as well as a few other tags relevant for metadata, such as `<title>`, `<link rel="canonical">` and `<script type="application/ld+json">`).
 
-export default function About() {
-  return (
-    <main>
-      <h1>About us</h1>
-      <PageContent />
-    </main>
-  );
-}
-```
+The behavior for `meta` is slightly different from `links`. Instead of merging values from other `meta` functions in the route hierarchy, **each leaf route is responsible for rendering its own tags**. This is because:
 
-Again—no more weird dances to get meta into your routes from deep in the component tree. Export them at the route level and let the server handle it. ✨
+- You often want more fine-grained control over metadata for optimal SEO
+- In the case of some tags that follow the [Open Graph protocol](https://ogp.me/), the ordering of some tags impacts their how they are interpreted by crawlers and social media sites, and its it's less predictable for Remix to assume how complex metadata should be merged
+- Some tags allow for multiple values while others do not, and Remix shouldn't assume how you want to handle all of those cases
 
 ### Updating imports
 
diff --git a/docs/guides/styling.md b/docs/guides/styling.md
index 70bb1a5a553..6016a5398e7 100644
--- a/docs/guides/styling.md
+++ b/docs/guides/styling.md
@@ -827,15 +827,15 @@ Here's some sample code to show how you might use Styled Components with Remix (
      ScrollRestoration,
    } from "@remix-run/react";
 
-   export const meta: MetaFunction = () => ({
-     charset: "utf-8",
-     viewport: "width=device-width,initial-scale=1",
-   });
-
    export default function App() {
      return (
        <html lang="en">
          <head>
+           <meta charSet="utf-8" />
+           <meta
+             name="viewport"
+             content="width=device-width, initial-scale=1"
+           />
            <Meta />
            <Links />
            {typeof document === "undefined"
diff --git a/docs/route/meta.md b/docs/route/meta.md
index 82e83f80427..e46a2ccbd68 100644
--- a/docs/route/meta.md
+++ b/docs/route/meta.md
@@ -6,138 +6,10 @@ title: meta
 
 The `meta` export allows you to add metadata HTML tags for every route in your app. These tags are important for things like search engine optimization (SEO) and browser directives for determining certain behaviors. They can also be used by social media sites to display rich previews of your app.
 
-The meta export will set meta tags for your html document. We highly recommend setting the title and description on every route aside from layout routes, as a layout's index route will set the meta for the index path.
-
 ```tsx
 import type { MetaFunction } from "@remix-run/node"; // or cloudflare/deno
 
 export const meta: MetaFunction = () => {
-  return {
-    title: "Something cool",
-    description:
-      "This becomes the nice preview on search results.",
-  };
-};
-```
-
-<docs-warning>The `meta` function _may_ run on the server (e.g. the initial page load) or the client (e.g. a client navigation), so you cannot access server-specific data like `process.env.NODE_ENV` directly. If you need server-side data in `meta`, get the data in the `loader` and access it via the `meta` function's `data` parameter.</docs-warning>
-
-There are a few special cases (read about those below). In the case of nested routes, the meta tags are merged automatically, so parent routes can add meta tags without the child routes needing to copy them.
-
-## `HtmlMetaDescriptor`
-
-This is an object representation and abstraction of a `<meta {...props}>` element and its attributes. [View the MDN docs for the meta API][mdn-meta].
-
-The `meta` export from a route should return a single `HtmlMetaDescriptor` object.
-
-Almost every `meta` element takes a `name` and `content` attribute, with the exception of [OpenGraph tags][open-graph-tags] which use `property` instead of `name`. In either case, the attributes represent a key/value pair for each tag. Each pair in the `HtmlMetaDescriptor` object represents a separate `meta` element, and Remix maps each to the correct attributes for that tag.
-
-The `meta` object can also hold a `title` reference which maps to the [HTML `<title>` element][html-title-element].
-
-As a convenience, `charset: "utf-8"` will render a `<meta charset="utf-8">`.
-
-As a last option, you can also pass an object of attribute/value pairs as the value. This can be used as an escape-hatch for meta tags like the [`http-equiv` tag][http-equiv-tag] which uses `http-equiv` instead of `name`.
-
-Examples:
-
-```tsx
-import type { MetaFunction } from "@remix-run/node"; // or cloudflare/deno
-
-export const meta: MetaFunction = () => ({
-  // Special cases
-  charset: "utf-8", // <meta charset="utf-8">
-  "og:image": "https://josiesshakeshack.com/logo.jpg", // <meta property="og:image" content="https://josiesshakeshack.com/logo.jpg">
-  title: "Josie's Shake Shack", // <title>Josie's Shake Shack</title>
-
-  // name => content
-  description: "Delicious shakes", // <meta name="description" content="Delicious shakes">
-  viewport: "width=device-width,initial-scale=1", // <meta name="viewport" content="width=device-width,initial-scale=1">
-
-  // <meta {...value}>
-  refresh: {
-    httpEquiv: "refresh",
-    content: "3;url=https://www.mozilla.org",
-  }, // <meta http-equiv="refresh" content="3;url=https://www.mozilla.org">
-});
-```
-
-## Page context in `meta` function
-
-`meta` function is passed an object that has following data:
-
-- `data` is whatever exported by `loader` function
-- `location` is a `window.location`-like object that has some data about the current route
-- `params` is an object containing route params
-- `parentsData` is a hashmap of all the data exported by `loader` functions of current route and all of its parents
-
-```tsx
-export const meta: MetaFunction<typeof loader> = ({
-  data,
-  params,
-}) => {
-  if (!data) {
-    return {
-      title: "Missing Shake",
-      description: `There is no shake with the ID of ${params.shakeId}. 😢`,
-    };
-  }
-
-  const { shake } = data;
-  return {
-    title: `${shake.name} milkshake`,
-    description: shake.summary,
-  };
-};
-```
-
-To infer types for `parentsData`, provide a mapping from the route's file path (relative to `app/`) to that route loader type:
-
-```tsx filename=app/routes/sales.tsx
-export const loader = async () => {
-  return json({ salesCount: 1074 });
-};
-```
-
-```tsx
-import type { loader as salesLoader } from "../../sales";
-
-export const loader = async () => {
-  return json({ name: "Customer name" });
-};
-
-const meta: MetaFunction<
-  typeof loader,
-  { "routes/sales": typeof salesLoader }
-> = ({ data, parentsData }) => {
-  const { name } = data;
-  //      ^? string
-  const { salesCount } = parentsData["routes/sales"];
-  //      ^? number
-};
-```
-
----
-
-# `meta@v2`
-
-<docs-info>Meta is changing in v2, you can opt in to the new API today, [see the meta v2 section][meta-v2], but you don't have to until you're ready.</docs-info>
-
-You can enable the new meta API with a future flag in `remix.config.js`.
-
-```js filename=remix.config.js
-module.exports = {
-  future: {
-    v2_meta: true,
-  },
-};
-```
-
-The `meta` export allows you to add metadata HTML tags for every route in your app. These tags are important for things like search engine optimization (SEO) and browser directives for determining certain behaviors. They can also be used by social media sites to display rich previews of your app.
-
-```tsx
-import type { V2_MetaFunction } from "@remix-run/node"; // or cloudflare/deno
-
-export const meta: V2_MetaFunction = () => {
   return [
     { title: "New Remix App" },
     {
@@ -148,10 +20,10 @@ export const meta: V2_MetaFunction = () => {
 };
 ```
 
-The `meta` function should return an array of `V2_MetaDescriptor` objects. These objects map one-to-one with HTML tags. So this meta function:
+The `meta` function should return an array of `MetaDescriptor` objects. These objects map one-to-one with HTML tags. So this meta function:
 
 ```tsx
-export const meta: V2_MetaFunction = () => {
+export const meta: MetaFunction = () => {
   return [
     { title: "Very cool app | Remix" },
     {
@@ -180,7 +52,7 @@ By default, meta descriptors will render a `<meta>` tag in most cases. The two e
 - `{ "script:ld+json" }` renders a `<script type="application/ld+json">` tag, and its value should be a serializable object that is stringified and injected into the tag.
 
 ```tsx
-export const meta: V2_MetaFunction = () => {
+export const meta: MetaFunction = () => {
   return [
     {
       "script:ld+json": {
@@ -197,7 +69,7 @@ export const meta: V2_MetaFunction = () => {
 A meta descriptor can also render a `<link>` tag by setting the `tagName` property to `"link"`. This is useful for `<link>` tags associated with SEO like `canonical` URLs. For asset links like stylesheets and favicons, you should use the [`links` export][links-export] instead.
 
 ```tsx
-export const meta: V2_MetaFunction = () => {
+export const meta: MetaFunction = () => {
   return [
     {
       tagName: "link",
@@ -215,7 +87,7 @@ export const meta: V2_MetaFunction = () => {
 This is the current router `Location` object. This is useful for generating tags for routes at specific paths or query parameters.
 
 ```tsx
-export const meta: V2_MetaFunction = ({ location }) => {
+export const meta: MetaFunction = ({ location }) => {
   let searchQuery = new URLSearchParams(
     location.search
   ).get("q");
@@ -240,7 +112,7 @@ export async function loader({ params }: LoaderArgs) {
   });
 }
 
-export const meta: V2_MetaFunction<typeof loader> = ({
+export const meta: MetaFunction<typeof loader> = ({
   data,
 }) => {
   return [{ title: data.task.name }];
@@ -262,7 +134,7 @@ export async function loader({ params }: LoaderArgs) {
   return json({ task: await getTask(params.tid) });
 }
 
-export const meta: V2_MetaFunction<
+export const meta: MetaFunction<
   typeof loader,
   { "routes/project/$pid": typeof projectDetailsLoader }
 > = ({ data, matches }) => {
@@ -285,7 +157,7 @@ This can get quite tricky when you're new.
 Consider a route like `/projects/123`, there are likely three matching routes: `root.tsx`, `projects.tsx`, and `projects/$id.tsx`. All three may export meta descriptors.
 
 ```tsx bad filename=app/root.tsx
-export const meta: V2_MetaFunction = () => {
+export const meta: MetaFunction = () => {
   return [
     {
       name: "viewport",
@@ -297,13 +169,13 @@ export const meta: V2_MetaFunction = () => {
 ```
 
 ```tsx bad filename=app/routes/projects.tsx
-export const meta: V2_MetaFunction = () => {
+export const meta: MetaFunction = () => {
   return [{ title: "Projects" }];
 };
 ```
 
 ```tsx bad filename=app/routes/projects/$id.tsx
-export const meta: V2_MetaFunction<typeof loader> = ({
+export const meta: MetaFunction<typeof loader> = ({
   data,
 }) => {
   return [{ title: data.project.name }];
@@ -354,7 +226,7 @@ You can also avoid the merge problem by simply not exporting meta that you want
 Usually you only need to add meta to what the parent has already defined. You can merge parent meta with the spread operator and the [`matches`][matches] arg:
 
 ```tsx
-export const meta: V2_MetaFunction = ({ matches }) => {
+export const meta: MetaFunction = ({ matches }) => {
   let parentMeta = matches.flatMap(
     (match) => match.meta ?? []
   );
@@ -365,7 +237,7 @@ export const meta: V2_MetaFunction = ({ matches }) => {
 Note that this _will not_ override something like `title`. This is only additive. If the inherited route meta includes a `title` tag, you can override with `Array.prototype.filter`:
 
 ```tsx
-export const meta: V2_MetaFunction = ({ matches }) => {
+export const meta: MetaFunction = ({ matches }) => {
   let parentMeta = matches
     .flatMap((match) => match.meta ?? [])
     .filter((meta) => !("title" in meta));
diff --git a/integration/compiler-test.ts b/integration/compiler-test.ts
index 3a71236c83e..c6aaab18e3a 100644
--- a/integration/compiler-test.ts
+++ b/integration/compiler-test.ts
@@ -342,6 +342,10 @@ test.describe("compiler", () => {
               return json({ main: notInstalledMain(), sub: notInstalledSub() });
             }
 
+            export const meta = () => {
+              return [{ title: "New Remix App" }];
+            };
+
             export default function Index() {
                 let data = useLoaderData();
                 return null;
diff --git a/integration/defer-test.ts b/integration/defer-test.ts
index edac58789e1..7c3a92fb940 100644
--- a/integration/defer-test.ts
+++ b/integration/defer-test.ts
@@ -72,11 +72,9 @@ test.describe("non-aborted", () => {
           import Counter from "~/components/counter";
           import Interactive from "~/components/interactive";
 
-          export const meta: MetaFunction = () => ({
-            charset: "utf-8",
-            title: "New Remix App",
-            viewport: "width=device-width,initial-scale=1",
-          });
+          export function meta() {
+            return [{ title: "New Remix App" }];
+          }
 
           export const loader = () => defer({
             id: "${ROOT_ID}",
@@ -87,6 +85,8 @@ test.describe("non-aborted", () => {
             return (
               <html lang="en">
                 <head>
+                  <meta charSet="utf-8" />
+                  <meta name="viewport" content="width=device-width,initial-scale=1" />
                   <Meta />
                   <Links />
                 </head>
@@ -1101,11 +1101,9 @@ test.describe("aborted", () => {
           import Counter from "~/components/counter";
           import Interactive from "~/components/interactive";
 
-          export const meta: MetaFunction = () => ({
-            charset: "utf-8",
-            title: "New Remix App",
-            viewport: "width=device-width,initial-scale=1",
-          });
+          export function meta() {
+            return [{ title: "New Remix App" }];
+          }
 
           export const loader = () => defer({
             id: "${ROOT_ID}",
@@ -1116,6 +1114,8 @@ test.describe("aborted", () => {
             return (
               <html lang="en">
                 <head>
+                  <meta charSet="utf-8" />
+                  <meta name="viewport" content="width=device-width,initial-scale=1" />
                   <Meta />
                   <Links />
                 </head>
diff --git a/integration/esm-only-warning-test.ts b/integration/esm-only-warning-test.ts
index 7e1101226b4..4af2e7f4b65 100644
--- a/integration/esm-only-warning-test.ts
+++ b/integration/esm-only-warning-test.ts
@@ -58,6 +58,10 @@ test.beforeAll(async () => {
           });
         }
 
+        export const meta = () => {
+          return [{ title: "New Remix App" }];
+        };
+
         export default function Index() {
           let data = useLoaderData();
           return null;
diff --git a/integration/helpers/cf-template/app/root.tsx b/integration/helpers/cf-template/app/root.tsx
index 43a72817b93..1f082523e7b 100644
--- a/integration/helpers/cf-template/app/root.tsx
+++ b/integration/helpers/cf-template/app/root.tsx
@@ -1,4 +1,3 @@
-import type { MetaFunction } from "@remix-run/cloudflare";
 import {
   Links,
   LiveReload,
@@ -8,16 +7,12 @@ import {
   ScrollRestoration,
 } from "@remix-run/react";
 
-export const meta: MetaFunction = () => ({
-  charset: "utf-8",
-  title: "New Remix App",
-  viewport: "width=device-width,initial-scale=1",
-});
-
 export default function App() {
   return (
     <html lang="en">
       <head>
+        <meta charSet="utf-8" />
+        <meta name="viewport" content="width=device-width,initial-scale=1" />
         <Meta />
         <Links />
       </head>
diff --git a/integration/helpers/deno-template/app/root.tsx b/integration/helpers/deno-template/app/root.tsx
index 9171cb50f31..a6a08d93909 100644
--- a/integration/helpers/deno-template/app/root.tsx
+++ b/integration/helpers/deno-template/app/root.tsx
@@ -1,4 +1,3 @@
-import type { MetaFunction } from "@remix-run/deno";
 import {
   Links,
   LiveReload,
@@ -9,16 +8,12 @@ import {
 } from "@remix-run/react";
 import * as React from "react";
 
-export const meta: MetaFunction = () => ({
-  charset: "utf-8",
-  title: "New Remix App",
-  viewport: "width=device-width,initial-scale=1",
-});
-
 export default function App() {
   return (
     <html lang="en">
       <head>
+        <meta charSet="utf-8" />
+        <meta name="viewport" content="width=device-width,initial-scale=1" />
         <Meta />
         <Links />
       </head>
diff --git a/integration/helpers/node-template/app/root.tsx b/integration/helpers/node-template/app/root.tsx
index 927a0f745df..1f082523e7b 100644
--- a/integration/helpers/node-template/app/root.tsx
+++ b/integration/helpers/node-template/app/root.tsx
@@ -1,4 +1,3 @@
-import type { MetaFunction } from "@remix-run/node";
 import {
   Links,
   LiveReload,
@@ -8,16 +7,12 @@ import {
   ScrollRestoration,
 } from "@remix-run/react";
 
-export const meta: MetaFunction = () => ({
-  charset: "utf-8",
-  title: "New Remix App",
-  viewport: "width=device-width,initial-scale=1",
-});
-
 export default function App() {
   return (
     <html lang="en">
       <head>
+        <meta charSet="utf-8" />
+        <meta name="viewport" content="width=device-width,initial-scale=1" />
         <Meta />
         <Links />
       </head>
diff --git a/integration/link-test.ts b/integration/link-test.ts
index 863e1b8440d..ae0e076ae3b 100644
--- a/integration/link-test.ts
+++ b/integration/link-test.ts
@@ -380,12 +380,14 @@ test.describe("route module link export", () => {
           }
           export function meta({ data, params }) {
             let { username } = params;
-            return {
-              title: data
-                ? data.length + " gists from " + username
-                : "User " + username + " not found",
-              description: "View all of the gists from " + username,
-            };
+            return [
+              {
+                title: data
+                  ? data.length + " gists from " + username
+                  : "User " + username + " not found",
+              },
+              { name: "description", content: "View all of the gists from " + username },
+            ];
           }
           export let handle = {
             breadcrumb: ({ params }) => (
@@ -427,10 +429,10 @@ test.describe("route module link export", () => {
             };
           }
           export function meta() {
-            return {
-              title: "Public Gists",
-              description: "View the latest gists from the public",
-            };
+            return [
+              { title: "Public Gists" },
+              { name: "description", content: "View the latest gists from the public" },
+            ];
           }
           export let handle = {
             breadcrumb: () => <span>Public</span>,
diff --git a/integration/mdx-test.ts b/integration/mdx-test.ts
index 9a5e64d4129..7861e8f11f2 100644
--- a/integration/mdx-test.ts
+++ b/integration/mdx-test.ts
@@ -54,8 +54,9 @@ test.describe("mdx", () => {
 
         "app/routes/blog.post.mdx": mdx`---
 meta:
-  title: My First Post
-  description: Isn't this awesome?
+  - title: My First Post
+  - name: description
+    content: Isn't this awesome?
 handle:
   someData: abc
 headers:
diff --git a/integration/meta-test.ts b/integration/meta-test.ts
index 9274e9e7a2f..44870cb7bb2 100644
--- a/integration/meta-test.ts
+++ b/integration/meta-test.ts
@@ -13,388 +13,6 @@ test.describe("meta", () => {
   // and move the following line there
   test.use({ javaScriptEnabled: false });
 
-  test.beforeAll(async () => {
-    fixture = await createFixture({
-      future: { v2_routeConvention: true },
-      files: {
-        "app/root.jsx": js`
-          import { json } from "@remix-run/node";
-          import { Meta, Links, Outlet, Scripts } from "@remix-run/react";
-
-          export const loader = async () =>
-            json({
-              description: "This is a meta page",
-              title: "Meta Page",
-            });
-
-          export const meta = ({ data }) => ({
-            charset: "utf-8",
-            description: data.description,
-            "og:image": "https://picsum.photos/200/200",
-            "og:type": data.contentType, // undefined
-            refresh: {
-              httpEquiv: "refresh",
-              content: "3;url=https://www.mozilla.org",
-            },
-            title: data.title,
-          });
-
-          export default function Root() {
-            return (
-              <html lang="en">
-                <head>
-                  <Meta />
-                  <Links />
-                </head>
-                <body>
-                  <Outlet />
-                  <Scripts />
-                </body>
-              </html>
-            );
-          }
-        `,
-
-        "app/routes/_index.jsx": js`
-          export default function Index() {
-            return <div>This is the index file</div>;
-          }
-        `,
-
-        "app/routes/music.jsx": js`
-          export function meta({ data }) {
-            return {
-              title: "What's My Age Again?",
-              "og:type": "music.song",
-              "music:musician": "https://www.blink182.com/",
-              "music:duration": 182,
-            };
-          }
-
-          export default function Music() {
-            return <h1>Music</h1>;
-          }
-        `,
-
-        "app/routes/video.jsx": js`
-          export function meta({ data }) {
-            return {
-              title: "Catch Me If You Can",
-              "og:type": "video.movie",
-              "video:actor": "Leonardo DiCaprio",
-              "video:actor:role": "Frank Abagnale Jr.",
-              "video:director": "Steven Spielberg",
-            };
-          }
-
-          export default function Video() {
-            return <h1>Video</h1>;
-          }
-        `,
-
-        "app/routes/book.jsx": js`
-          export function meta({ data }) {
-            return {
-              title: "The Hitchhiker's Guide to the Galaxy",
-              "og:type": "book",
-              "book:author": "Douglas Adams",
-              "book:isbn": "0345391802",
-            };
-          }
-
-          export default function Book() {
-            return <h1>Book</h1>;
-          }
-        `,
-
-        "app/routes/profile.jsx": js`
-          export function meta({ data }) {
-            return {
-              title: "Chance's Profile",
-              "og:type": "profile",
-              "profile:first_name": "Chance",
-              "profile:last_name": "Strickland",
-              "profile:username": "chancethedev",
-            };
-          }
-
-          export default function Profile() {
-            return <h1>Profile</h1>;
-          }
-        `,
-
-        "app/routes/fb.jsx": js`
-          export function meta({ data }) {
-            return {
-              "fb:app_id": "54321",
-            };
-          }
-
-          export default function FB() {
-            return <h1>FB App</h1>;
-          }
-        `,
-
-        "app/routes/twitter.jsx": js`
-          export function meta({ data }) {
-            return {
-              "twitter:site": "@chancethedev",
-            };
-          }
-
-          export default function Twitter() {
-            return <h1>Twitter App</h1>;
-          }
-        `,
-
-        "app/routes/bogus.jsx": js`
-          export function meta({ data }) {
-            return {
-              title: "Bogus page",
-              "bogus:value": "Whatever man",
-            };
-          }
-
-          export default function Profile() {
-            return <h1>Profile</h1>;
-          }
-        `,
-
-        "app/routes/blog.jsx": js`
-          import { Outlet } from "@remix-run/react";
-
-          export const meta = ({ data }) => ({
-            title: "Blog",
-            description: "The best blog on earth",
-            "og:image": "https://picsum.photos/300/300",
-            "og:type": "article",
-            "article:author": ["Logan McAnsh", "Chance Strickland"],
-          });
-
-          export default function BlogLayout() {
-            return (
-              <div>
-                <h1>Blog</h1>
-                <Outlet />
-              </div>
-            );
-          }
-        `,
-
-        "app/routes/blog._index.jsx": js`
-          import { Link, useLoaderData } from "@remix-run/react";
-          import { json } from "@remix-run/node";
-
-          const posts = [
-            { id: 1, title: "Post 1", content: "This is post 1" },
-            { id: 2, title: "Post 2", content: "This is post 2", author: "Ryan Florence" },
-            { id: 3, title: "Post 3", content: "This is post 3" },
-          ];
-
-          export const loader = async () => json({ posts });
-
-          export function meta({ data }) {
-            return {
-              title: "Blog Posts",
-            };
-          }
-
-          export default function BlogIndex() {
-            let { posts } = useLoaderData();
-            return (
-              <ul>
-                {posts.map((post) => (
-                  <li key={post.id}>
-                    <Link to={"/blog/" + post.id}>{post.title}</Link>
-                  </li>
-                ))}
-              </ul>
-            );
-          }
-        `,
-
-        "app/routes/blog.$pid.jsx": js`
-          import { useLoaderData } from "@remix-run/react";
-          import { json } from "@remix-run/node";
-
-          const posts = [
-            { id: 1, title: "Post 1", content: "This is post 1" },
-            { id: 2, title: "Post 2", content: "This is post 2", author: "Ryan Florence" },
-            { id: 3, title: "Post 3", content: "This is post 3" },
-          ];
-
-          export async function loader({ params }) {
-            let post = posts.find((post) => post.id === Number(params.pid));
-            if (!post) {
-              throw json(null, 404);
-            }
-            return json(post);
-          }
-
-          export function meta({ data }) {
-            let meta = {
-              title: data.title + " | Blog",
-            };
-            if (data.author) {
-              meta["article:author"] = data.author;
-            }
-            return meta;
-          }
-
-          export default function BlogPost() {
-            let post = useLoaderData();
-            return (
-              <div>
-                <h1>{post.title}</h1>
-                <p>{post.content}</p>
-              </div>
-            );
-          }
-        `,
-      },
-    });
-
-    appFixture = await createAppFixture(fixture);
-  });
-
-  test.afterAll(() => {
-    appFixture.close();
-  });
-
-  test("empty meta does not render a tag", async ({ page }) => {
-    let app = new PlaywrightFixture(appFixture, page);
-    await app.goto("/");
-
-    await expect(app.getHtml('meta[property="og:type"]')).rejects.toThrowError(
-      'No element matches selector "meta[property="og:type"]"'
-    );
-  });
-
-  test("{ charset } adds a <meta charset='utf-8' />", async ({ page }) => {
-    let app = new PlaywrightFixture(appFixture, page);
-    await app.goto("/");
-
-    expect(await app.getHtml('meta[charset="utf-8"]')).toBeTruthy();
-  });
-
-  test("{ title } adds a <title />", async ({ page }) => {
-    let app = new PlaywrightFixture(appFixture, page);
-    await app.goto("/");
-
-    expect(await app.getHtml("title")).toBeTruthy();
-  });
-
-  test("{ 'og:*' } adds a <meta property='og:*' />", async ({ page }) => {
-    let app = new PlaywrightFixture(appFixture, page);
-    await app.goto("/");
-    expect(await app.getHtml('meta[property="og:image"]')).toBeTruthy();
-  });
-
-  test("{ 'music:*' } adds a <meta property='music:*' />", async ({ page }) => {
-    let app = new PlaywrightFixture(appFixture, page);
-    await app.goto("/music");
-    expect(await app.getHtml('meta[property="music:musician"]')).toBeTruthy();
-  });
-
-  test("{ 'video:*' } adds a <meta property='video:*' />", async ({ page }) => {
-    let app = new PlaywrightFixture(appFixture, page);
-    await app.goto("/video");
-    expect(await app.getHtml('meta[property="video:actor"]')).toBeTruthy();
-  });
-
-  test("{ 'book:*' } adds a <meta property='book:*' />", async ({ page }) => {
-    let app = new PlaywrightFixture(appFixture, page);
-    await app.goto("/book");
-    expect(await app.getHtml('meta[property="book:author"]')).toBeTruthy();
-  });
-
-  test("{ 'profile:*' } adds a <meta property='profile:*' />", async ({
-    page,
-  }) => {
-    let app = new PlaywrightFixture(appFixture, page);
-    await app.goto("/profile");
-    expect(await app.getHtml('meta[property="profile:username"]')).toBeTruthy();
-  });
-
-  test("{ 'fb:*' } adds a <meta property='fb:*' />", async ({ page }) => {
-    let app = new PlaywrightFixture(appFixture, page);
-    await app.goto("/fb");
-    expect(await app.getHtml('meta[property="fb:app_id"]')).toBeTruthy();
-  });
-
-  test("{ 'twitter:*' } adds a <meta name='twitter:*' />", async ({ page }) => {
-    let app = new PlaywrightFixture(appFixture, page);
-    await app.goto("/twitter");
-    expect(await app.getHtml('meta[name="twitter:site"]')).toBeTruthy();
-  });
-
-  test("{ 'article:*' } adds a <meta property='article:*' />", async ({
-    page,
-  }) => {
-    let app = new PlaywrightFixture(appFixture, page);
-    await app.goto("/blog");
-    expect(await app.getHtml('meta[property="article:author"]')).toBeTruthy();
-  });
-
-  test("{ description } adds a <meta name='description' />", async ({
-    page,
-  }) => {
-    let app = new PlaywrightFixture(appFixture, page);
-    await app.goto("/");
-
-    expect(await app.getHtml('meta[name="description"]')).toBeTruthy();
-  });
-
-  test("{ refresh } adds a <meta http-equiv='refresh' content='3;url=https://www.mozilla.org' />", async ({
-    page,
-  }) => {
-    let app = new PlaywrightFixture(appFixture, page);
-    await app.goto("/");
-
-    expect(
-      await app.getHtml(
-        'meta[http-equiv="refresh"][content="3;url=https://www.mozilla.org"]'
-      )
-    ).toBeTruthy();
-  });
-
-  test("arbitrary key with : adds a <meta name='[VALUE]' />", async ({
-    page,
-  }) => {
-    let app = new PlaywrightFixture(appFixture, page);
-    await app.goto("/bogus");
-    expect(await app.getHtml('meta[name="bogus:value"]')).toBeTruthy();
-  });
-
-  test.describe("in nested routes", () => {
-    test("meta from layout routes are inherited", async ({ page }) => {
-      let app = new PlaywrightFixture(appFixture, page);
-      await app.goto("/blog");
-
-      expect(
-        await app.getHtml(
-          'meta[name="description"][content="The best blog on earth"]'
-        )
-      ).toBeTruthy();
-    });
-
-    test("meta from layout routes can be overridden", async ({ page }) => {
-      let app = new PlaywrightFixture(appFixture, page);
-      await app.goto("/blog");
-      expect(await app.getHtml("title")).toBe("<title>Blog Posts</title>");
-    });
-  });
-});
-
-test.describe("v2_meta", () => {
-  let fixture: Fixture;
-  let appFixture: AppFixture;
-
-  // disable JS for all tests in this file
-  // to only disable them for some, add another test.describe()
-  // and move the following line there
-  test.use({ javaScriptEnabled: false });
-
   test.beforeAll(async () => {
     fixture = await createFixture({
       files: {
@@ -402,7 +20,6 @@ test.describe("v2_meta", () => {
           module.exports = {
             ignoredRouteFiles: ["**/.*"],
             future: {
-              v2_meta: true,
               v2_routeConvention: true,
             },
           };
diff --git a/packages/remix-cloudflare/index.ts b/packages/remix-cloudflare/index.ts
index 1344aea2194..edd952616ab 100644
--- a/packages/remix-cloudflare/index.ts
+++ b/packages/remix-cloudflare/index.ts
@@ -40,7 +40,6 @@ export type {
   HandleDocumentRequestFunction,
   HeadersFunction,
   HtmlLinkDescriptor,
-  HtmlMetaDescriptor,
   JsonFunction,
   LinkDescriptor,
   LinksFunction,
@@ -48,8 +47,6 @@ export type {
   LoaderFunction,
   MemoryUploadHandlerFilterArgs,
   MemoryUploadHandlerOptions,
-  MetaDescriptor,
-  MetaFunction,
   PageLinkDescriptor,
   RequestHandler,
   RouteComponent,
@@ -57,11 +54,9 @@ export type {
   SerializeFrom,
   ServerBuild,
   ServerEntryModule,
-  V2_ServerRuntimeMetaArgs as V2_MetaArgs,
-  V2_ServerRuntimeMetaDescriptor as V2_MetaDescriptor,
-  // TODO: Remove in v2
-  V2_ServerRuntimeMetaDescriptor as V2_HtmlMetaDescriptor,
-  V2_ServerRuntimeMetaFunction as V2_MetaFunction,
+  ServerRuntimeMetaArgs as MetaArgs,
+  ServerRuntimeMetaDescriptor as MetaDescriptor,
+  ServerRuntimeMetaFunction as MetaFunction,
   Session,
   SessionData,
   SessionIdStorageStrategy,
diff --git a/packages/remix-deno/index.ts b/packages/remix-deno/index.ts
index 77ef4d86c83..dd24a368ff3 100644
--- a/packages/remix-deno/index.ts
+++ b/packages/remix-deno/index.ts
@@ -43,7 +43,6 @@ export type {
   HandleDocumentRequestFunction,
   HeadersFunction,
   HtmlLinkDescriptor,
-  HtmlMetaDescriptor,
   JsonFunction,
   LinkDescriptor,
   LinksFunction,
@@ -51,8 +50,6 @@ export type {
   LoaderFunction,
   MemoryUploadHandlerFilterArgs,
   MemoryUploadHandlerOptions,
-  MetaDescriptor,
-  MetaFunction,
   PageLinkDescriptor,
   RequestHandler,
   RouteComponent,
@@ -70,9 +67,7 @@ export type {
   UnsignFunction,
   UploadHandler,
   UploadHandlerPart,
-  V2_ServerRuntimeMetaArgs as V2_MetaArgs,
-  // TODO: Remove in v2
-  V2_ServerRuntimeMetaDescriptor as V2_HtmlMetaDescriptor,
-  V2_ServerRuntimeMetaDescriptor as V2_MetaDescriptor,
-  V2_ServerRuntimeMetaFunction as V2_MetaFunction,
+  ServerRuntimeMetaArgs as MetaArgs,
+  ServerRuntimeMetaDescriptor as MetaDescriptor,
+  ServerRuntimeMetaFunction as MetaFunction,
 } from "@remix-run/server-runtime";
diff --git a/packages/remix-dev/__tests__/fixtures/cloudflare/app/root.tsx b/packages/remix-dev/__tests__/fixtures/cloudflare/app/root.tsx
index 43a72817b93..1f082523e7b 100644
--- a/packages/remix-dev/__tests__/fixtures/cloudflare/app/root.tsx
+++ b/packages/remix-dev/__tests__/fixtures/cloudflare/app/root.tsx
@@ -1,4 +1,3 @@
-import type { MetaFunction } from "@remix-run/cloudflare";
 import {
   Links,
   LiveReload,
@@ -8,16 +7,12 @@ import {
   ScrollRestoration,
 } from "@remix-run/react";
 
-export const meta: MetaFunction = () => ({
-  charset: "utf-8",
-  title: "New Remix App",
-  viewport: "width=device-width,initial-scale=1",
-});
-
 export default function App() {
   return (
     <html lang="en">
       <head>
+        <meta charSet="utf-8" />
+        <meta name="viewport" content="width=device-width,initial-scale=1" />
         <Meta />
         <Links />
       </head>
diff --git a/packages/remix-dev/__tests__/fixtures/cloudflare/app/routes/index.tsx b/packages/remix-dev/__tests__/fixtures/cloudflare/app/routes/index.tsx
index cbca6124ea7..f024a40f924 100644
--- a/packages/remix-dev/__tests__/fixtures/cloudflare/app/routes/index.tsx
+++ b/packages/remix-dev/__tests__/fixtures/cloudflare/app/routes/index.tsx
@@ -1,3 +1,9 @@
+import type { MetaFunction } from "@remix-run/node";
+
+export const meta: MetaFunction = () => {
+  return [{ title: "New Remix App" }];
+};
+
 export default function Index() {
   return (
     <div style={{ fontFamily: "system-ui, sans-serif", lineHeight: "1.4" }}>
diff --git a/packages/remix-dev/__tests__/fixtures/deno/app/root.tsx b/packages/remix-dev/__tests__/fixtures/deno/app/root.tsx
index 9171cb50f31..332d98c511b 100644
--- a/packages/remix-dev/__tests__/fixtures/deno/app/root.tsx
+++ b/packages/remix-dev/__tests__/fixtures/deno/app/root.tsx
@@ -9,16 +9,12 @@ import {
 } from "@remix-run/react";
 import * as React from "react";
 
-export const meta: MetaFunction = () => ({
-  charset: "utf-8",
-  title: "New Remix App",
-  viewport: "width=device-width,initial-scale=1",
-});
-
 export default function App() {
   return (
     <html lang="en">
       <head>
+        <meta charSet="utf-8" />
+        <meta name="viewport" content="width=device-width,initial-scale=1" />
         <Meta />
         <Links />
       </head>
diff --git a/packages/remix-dev/__tests__/fixtures/deno/app/routes/index.tsx b/packages/remix-dev/__tests__/fixtures/deno/app/routes/index.tsx
index 7c22c07c9c4..119e458e105 100644
--- a/packages/remix-dev/__tests__/fixtures/deno/app/routes/index.tsx
+++ b/packages/remix-dev/__tests__/fixtures/deno/app/routes/index.tsx
@@ -1,4 +1,9 @@
 import * as React from "react";
+import type { MetaFunction } from "@remix-run/node";
+
+export const meta: MetaFunction = () => {
+  return [{ title: "New Remix App" }];
+};
 
 export default function Index() {
   return (
diff --git a/packages/remix-dev/__tests__/fixtures/indie-stack/app/root.tsx b/packages/remix-dev/__tests__/fixtures/indie-stack/app/root.tsx
index 927a0f745df..1f082523e7b 100644
--- a/packages/remix-dev/__tests__/fixtures/indie-stack/app/root.tsx
+++ b/packages/remix-dev/__tests__/fixtures/indie-stack/app/root.tsx
@@ -1,4 +1,3 @@
-import type { MetaFunction } from "@remix-run/node";
 import {
   Links,
   LiveReload,
@@ -8,16 +7,12 @@ import {
   ScrollRestoration,
 } from "@remix-run/react";
 
-export const meta: MetaFunction = () => ({
-  charset: "utf-8",
-  title: "New Remix App",
-  viewport: "width=device-width,initial-scale=1",
-});
-
 export default function App() {
   return (
     <html lang="en">
       <head>
+        <meta charSet="utf-8" />
+        <meta name="viewport" content="width=device-width,initial-scale=1" />
         <Meta />
         <Links />
       </head>
diff --git a/packages/remix-dev/__tests__/fixtures/indie-stack/app/routes/index.tsx b/packages/remix-dev/__tests__/fixtures/indie-stack/app/routes/index.tsx
index cbca6124ea7..f024a40f924 100644
--- a/packages/remix-dev/__tests__/fixtures/indie-stack/app/routes/index.tsx
+++ b/packages/remix-dev/__tests__/fixtures/indie-stack/app/routes/index.tsx
@@ -1,3 +1,9 @@
+import type { MetaFunction } from "@remix-run/node";
+
+export const meta: MetaFunction = () => {
+  return [{ title: "New Remix App" }];
+};
+
 export default function Index() {
   return (
     <div style={{ fontFamily: "system-ui, sans-serif", lineHeight: "1.4" }}>
diff --git a/packages/remix-dev/__tests__/fixtures/node/app/root.tsx b/packages/remix-dev/__tests__/fixtures/node/app/root.tsx
index 927a0f745df..5e0435179ae 100644
--- a/packages/remix-dev/__tests__/fixtures/node/app/root.tsx
+++ b/packages/remix-dev/__tests__/fixtures/node/app/root.tsx
@@ -8,16 +8,12 @@ import {
   ScrollRestoration,
 } from "@remix-run/react";
 
-export const meta: MetaFunction = () => ({
-  charset: "utf-8",
-  title: "New Remix App",
-  viewport: "width=device-width,initial-scale=1",
-});
-
 export default function App() {
   return (
     <html lang="en">
       <head>
+        <meta charSet="utf-8" />
+        <meta name="viewport" content="width=device-width,initial-scale=1" />
         <Meta />
         <Links />
       </head>
diff --git a/packages/remix-dev/__tests__/fixtures/node/app/routes/index.tsx b/packages/remix-dev/__tests__/fixtures/node/app/routes/index.tsx
index cbca6124ea7..f024a40f924 100644
--- a/packages/remix-dev/__tests__/fixtures/node/app/routes/index.tsx
+++ b/packages/remix-dev/__tests__/fixtures/node/app/routes/index.tsx
@@ -1,3 +1,9 @@
+import type { MetaFunction } from "@remix-run/node";
+
+export const meta: MetaFunction = () => {
+  return [{ title: "New Remix App" }];
+};
+
 export default function Index() {
   return (
     <div style={{ fontFamily: "system-ui, sans-serif", lineHeight: "1.4" }}>
diff --git a/packages/remix-dev/__tests__/readConfig-test.ts b/packages/remix-dev/__tests__/readConfig-test.ts
index e11801c5c1b..c023f0485b6 100644
--- a/packages/remix-dev/__tests__/readConfig-test.ts
+++ b/packages/remix-dev/__tests__/readConfig-test.ts
@@ -30,7 +30,6 @@ describe("readConfig", () => {
           unstable_tailwind: expect.any(Boolean),
           unstable_vanillaExtract: expect.any(Boolean),
           v2_errorBoundary: expect.any(Boolean),
-          v2_meta: expect.any(Boolean),
           v2_routeConvention: expect.any(Boolean),
         },
       },
@@ -52,7 +51,6 @@ describe("readConfig", () => {
           "unstable_tailwind": Any<Boolean>,
           "unstable_vanillaExtract": Any<Boolean>,
           "v2_errorBoundary": Any<Boolean>,
-          "v2_meta": Any<Boolean>,
           "v2_routeConvention": Any<Boolean>,
         },
         "mdx": undefined,
diff --git a/packages/remix-dev/config.ts b/packages/remix-dev/config.ts
index 4933ba07551..ad1b7c37b65 100644
--- a/packages/remix-dev/config.ts
+++ b/packages/remix-dev/config.ts
@@ -45,7 +45,6 @@ interface FutureConfig {
   unstable_tailwind: boolean;
   unstable_vanillaExtract: boolean | VanillaExtractOptions;
   v2_errorBoundary: boolean;
-  v2_meta: boolean;
   v2_routeConvention: boolean;
 }
 
@@ -80,14 +79,6 @@ export interface AppConfig {
    */
   assetsBuildDirectory?: string;
 
-  /**
-   * The path to the browser build, relative to remix.config.js. Defaults to
-   * "public/build".
-   *
-   * @deprecated Use `{@link AppConfig.assetsBuildDirectory}` instead
-   */
-  browserBuildDirectory?: string;
-
   /**
    * The URL prefix of the browser build with a trailing slash. Defaults to
    * `"/build/"`. This is the path the browser will use to find assets.
@@ -485,14 +476,8 @@ export async function readConfig(
     ? path.resolve(appDirectory, userEntryServerFile)
     : path.resolve(defaultsDirectory, entryServerFile);
 
-  if (appConfig.browserBuildDirectory) {
-    warnOnce(browserBuildDirectoryWarning, "browserBuildDirectory");
-  }
-
   let assetsBuildDirectory =
-    appConfig.assetsBuildDirectory ||
-    appConfig.browserBuildDirectory ||
-    path.join("public", "build");
+    appConfig.assetsBuildDirectory || path.join("public", "build");
 
   let absoluteAssetsBuildDirectory = path.resolve(
     rootDirectory,
@@ -580,7 +565,6 @@ export async function readConfig(
     unstable_tailwind: appConfig.future?.unstable_tailwind === true,
     unstable_vanillaExtract: appConfig.future?.unstable_vanillaExtract ?? false,
     v2_errorBoundary: appConfig.future?.v2_errorBoundary === true,
-    v2_meta: appConfig.future?.v2_meta === true,
     v2_routeConvention: appConfig.future?.v2_routeConvention === true,
   };
 
@@ -653,10 +637,6 @@ let listFormat = new Intl.ListFormat("en", {
   type: "conjunction",
 });
 
-export let browserBuildDirectoryWarning =
-  "⚠️ DEPRECATED: The `browserBuildDirectory` config option is deprecated. " +
-  "Use `assetsBuildDirectory` instead.";
-
 export let serverBuildTargetWarning =
   "⚠️ DEPRECATED: The `serverBuildTarget` config option is deprecated. Use a " +
   "combination of `publicPath`, `serverBuildPath`, `serverConditions`, " +
diff --git a/packages/remix-eslint-config/rules/packageExports.js b/packages/remix-eslint-config/rules/packageExports.js
index a3c02efe3be..313b7abcba8 100644
--- a/packages/remix-eslint-config/rules/packageExports.js
+++ b/packages/remix-eslint-config/rules/packageExports.js
@@ -37,12 +37,12 @@ const defaultRuntimeExports = {
     "HandleDocumentRequestFunction",
     "HeadersFunction",
     "HtmlLinkDescriptor",
-    "HtmlMetaDescriptor",
     "LinkDescriptor",
     "LinksFunction",
     "LoaderFunction",
     "MemoryUploadHandlerFilterArgs",
     "MemoryUploadHandlerOptions",
+    "MetaArgs",
     "MetaDescriptor",
     "MetaFunction",
     "PageLinkDescriptor",
@@ -139,7 +139,7 @@ const reactSpecificExports = {
     "FormMethod",
     "FormProps",
     "HtmlLinkDescriptor",
-    "HtmlMetaDescriptor",
+    "MetaDescriptor",
     "LinkProps",
     "NavLinkProps",
     "RemixBrowserProps",
diff --git a/packages/remix-node/index.ts b/packages/remix-node/index.ts
index e384ffa23b3..8e5f1b42f71 100644
--- a/packages/remix-node/index.ts
+++ b/packages/remix-node/index.ts
@@ -66,7 +66,6 @@ export type {
   HandleDocumentRequestFunction,
   HeadersFunction,
   HtmlLinkDescriptor,
-  HtmlMetaDescriptor,
   JsonFunction,
   LinkDescriptor,
   LinksFunction,
@@ -74,8 +73,6 @@ export type {
   LoaderFunction,
   MemoryUploadHandlerFilterArgs,
   MemoryUploadHandlerOptions,
-  MetaDescriptor,
-  MetaFunction,
   PageLinkDescriptor,
   RequestHandler,
   RouteComponent,
@@ -83,11 +80,9 @@ export type {
   SerializeFrom,
   ServerBuild,
   ServerEntryModule,
-  V2_ServerRuntimeMetaArgs as V2_MetaArgs,
-  V2_ServerRuntimeMetaDescriptor as V2_MetaDescriptor,
-  // TODO: Remove in v2
-  V2_ServerRuntimeMetaDescriptor as V2_HtmlMetaDescriptor,
-  V2_ServerRuntimeMetaFunction as V2_MetaFunction,
+  ServerRuntimeMetaArgs as MetaArgs,
+  ServerRuntimeMetaDescriptor as MetaDescriptor,
+  ServerRuntimeMetaFunction as MetaFunction,
   Session,
   SessionData,
   SessionIdStorageStrategy,
diff --git a/packages/remix-react/__tests__/components-test.tsx b/packages/remix-react/__tests__/components-test.tsx
index d9ef31e4308..ea112487dbb 100644
--- a/packages/remix-react/__tests__/components-test.tsx
+++ b/packages/remix-react/__tests__/components-test.tsx
@@ -102,7 +102,6 @@ function itPrefetchesPageLinks<
         url: "",
         version: "",
       },
-      future: { v2_meta: false },
     };
 
     beforeEach(() => {
diff --git a/packages/remix-react/__tests__/scroll-restoration-test.tsx b/packages/remix-react/__tests__/scroll-restoration-test.tsx
index ef5e7cdb651..f286182f176 100644
--- a/packages/remix-react/__tests__/scroll-restoration-test.tsx
+++ b/packages/remix-react/__tests__/scroll-restoration-test.tsx
@@ -34,7 +34,6 @@ describe("<ScrollRestoration />", () => {
       url: "",
       version: "",
     },
-    future: { v2_meta: false },
   };
 
   it("should render a <script> tag", () => {
diff --git a/packages/remix-react/components.tsx b/packages/remix-react/components.tsx
index fb1937a43bc..03ecb5f213f 100644
--- a/packages/remix-react/components.tsx
+++ b/packages/remix-react/components.tsx
@@ -60,14 +60,7 @@ import {
 } from "./links";
 import type { HtmlLinkDescriptor, PrefetchPageDescriptor } from "./links";
 import { createHtml, escapeHtml } from "./markup";
-import type {
-  V1_HtmlMetaDescriptor,
-  V1_MetaFunction,
-  V2_MetaDescriptor,
-  V2_MetaFunction,
-  V2_MetaMatch,
-  V2_MetaMatches,
-} from "./routeModules";
+import type { MetaDescriptor, MetaMatch, MetaMatches } from "./routeModules";
 import type { Fetcher, FetcherStates } from "./transition";
 
 function useDataRouterContext() {
@@ -539,128 +532,30 @@ function PrefetchPageLinksImpl({
 }
 
 /**
- * Renders the `<title>` and `<meta>` tags for the current routes.
+ * Renders HTML tags related to metadata for the current route.
  *
  * @see https://remix.run/components/meta
  */
-function V1Meta() {
-  let { routeModules } = useRemixContext();
-  let { matches, loaderData } = useDataRouterStateContext();
-  let location = useLocation();
-
-  let meta: V1_HtmlMetaDescriptor = {};
-  let parentsData: { [routeId: string]: AppData } = {};
-
-  for (let match of matches) {
-    let routeId = match.route.id;
-    let data = loaderData[routeId];
-    let params = match.params;
-
-    let routeModule = routeModules[routeId];
-
-    if (routeModule.meta) {
-      let routeMeta =
-        typeof routeModule.meta === "function"
-          ? (routeModule.meta as V1_MetaFunction)({
-              data,
-              parentsData,
-              params,
-              location,
-            })
-          : routeModule.meta;
-      if (routeMeta && Array.isArray(routeMeta)) {
-        throw new Error(
-          "The route at " +
-            match.route.path +
-            " returns an array. This is only supported with the `v2_meta` future flag " +
-            "in the Remix config. Either set the flag to `true` or update the route's " +
-            "meta function to return an object." +
-            "\n\nTo reference the v1 meta function API, see https://remix.run/route/meta"
-          // TODO: Add link to the docs once they are written
-          // + "\n\nTo reference future flags and the v2 meta API, see https://remix.run/file-conventions/remix-config#future-v2-meta."
-        );
-      }
-      Object.assign(meta, routeMeta);
-    }
-
-    parentsData[routeId] = data;
-  }
-
-  return (
-    <>
-      {Object.entries(meta).map(([name, value]) => {
-        if (!value) {
-          return null;
-        }
-
-        if (["charset", "charSet"].includes(name)) {
-          return <meta key="charSet" charSet={value as string} />;
-        }
-
-        if (name === "title") {
-          return <title key="title">{String(value)}</title>;
-        }
-
-        // Open Graph tags use the `property` attribute, while other meta tags
-        // use `name`. See https://ogp.me/
-        //
-        // Namespaced attributes:
-        //  - https://ogp.me/#type_music
-        //  - https://ogp.me/#type_video
-        //  - https://ogp.me/#type_article
-        //  - https://ogp.me/#type_book
-        //  - https://ogp.me/#type_profile
-        //
-        // Facebook specific tags begin with `fb:` and also use the `property`
-        // attribute.
-        //
-        // Twitter specific tags begin with `twitter:` but they use `name`, so
-        // they are excluded.
-        let isOpenGraphTag =
-          /^(og|music|video|article|book|profile|fb):.+$/.test(name);
-
-        return [value].flat().map((content) => {
-          if (isOpenGraphTag) {
-            return (
-              <meta
-                property={name}
-                content={content as string}
-                key={name + content}
-              />
-            );
-          }
-
-          if (typeof content === "string") {
-            return <meta name={name} content={content} key={name + content} />;
-          }
-
-          return <meta key={name + JSON.stringify(content)} {...content} />;
-        });
-      })}
-    </>
-  );
-}
-
-function V2Meta() {
+export function Meta() {
   let { routeModules } = useRemixContext();
   let { matches: _matches, loaderData } = useDataRouterStateContext();
   let location = useLocation();
 
-  let meta: V2_MetaDescriptor[] = [];
-  let leafMeta: V2_MetaDescriptor[] | null = null;
-  let matches: V2_MetaMatches = [];
+  let meta: MetaDescriptor[] = [];
+  let leafMeta: MetaDescriptor[] | null = null;
+  let matches: MetaMatches = [];
   for (let i = 0; i < _matches.length; i++) {
     let _match = _matches[i];
     let routeId = _match.route.id;
     let data = loaderData[routeId];
     let params = _match.params;
     let routeModule = routeModules[routeId];
-    let routeMeta: V2_MetaDescriptor[] | V1_HtmlMetaDescriptor | undefined = [];
+    let routeMeta: MetaDescriptor[] | undefined = [];
 
     if (routeModule?.meta) {
       routeMeta =
         typeof routeModule.meta === "function"
-          ? (routeModule.meta as V2_MetaFunction)({
+          ? routeModule.meta({
               data,
               params,
               location,
@@ -677,35 +572,21 @@ function V2Meta() {
     routeMeta = routeMeta || [];
     if (!Array.isArray(routeMeta)) {
       throw new Error(
-        "The `v2_meta` API is enabled in the Remix config, but the route at " +
+        "The route at " +
           _match.route.path +
-          " returns an invalid value. In v2, all route meta functions must " +
+          " returns an invalid value. All route meta functions must " +
           "return an array of meta objects." +
-          // TODO: Add link to the docs once they are written
-          // "\n\nTo reference future flags and the v2 meta API, see https://remix.run/file-conventions/remix-config#future-v2-meta." +
-          "\n\nTo reference the v1 meta function API, see https://remix.run/route/meta"
+          "\n\nTo reference the meta function API, see https://remix.run/route/meta"
       );
     }
 
-    let match: V2_MetaMatch = {
+    let match: MetaMatch = {
       id: routeId,
       data,
       meta: routeMeta,
       params: _match.params,
       pathname: _match.pathname,
       handle: _match.route.handle,
-      // TODO: Remove in v2. Only leaving it for now because we used it in
-      // examples and there's no reason to crash someone's build for one line.
-      // They'll get a TS error from the type updates anyway.
-      // @ts-expect-error
-      get route() {
-        console.warn(
-          "The meta function in " +
-            _match.route.path +
-            " accesses the `route` property on `matches`. This is deprecated and will be removed in Remix version 2. See"
-        );
-        return _match.route;
-      },
     };
     matches[i] = match;
     meta = routeMeta;
@@ -774,11 +655,6 @@ function isValidMetaTag(tagName: unknown): tagName is "meta" | "link" {
   return typeof tagName === "string" && /^(meta|link)$/.test(tagName);
 }
 
-export function Meta() {
-  let { future } = useRemixContext();
-  return future?.v2_meta ? <V2Meta /> : <V1Meta />;
-}
-
 export interface AwaitProps<Resolve> {
   children: React.ReactNode | ((value: Awaited<Resolve>) => React.ReactNode);
   errorElement?: React.ReactNode;
diff --git a/packages/remix-react/entry.ts b/packages/remix-react/entry.ts
index 6f353bbe620..434de6c09f9 100644
--- a/packages/remix-react/entry.ts
+++ b/packages/remix-react/entry.ts
@@ -37,7 +37,6 @@ export interface FutureConfig {
   unstable_tailwind: boolean;
   unstable_vanillaExtract: boolean | VanillaExtractOptions;
   v2_errorBoundary: boolean;
-  v2_meta: boolean;
   v2_routeConvention: boolean;
 }
 
diff --git a/packages/remix-react/index.tsx b/packages/remix-react/index.tsx
index 822930c350a..d3444f676d7 100644
--- a/packages/remix-react/index.tsx
+++ b/packages/remix-react/index.tsx
@@ -70,10 +70,9 @@ export { useCatch } from "./errorBoundaries";
 export type { HtmlLinkDescriptor } from "./links";
 export type {
   CatchBoundaryComponent,
-  HtmlMetaDescriptor,
-  V2_MetaArgs,
-  V2_MetaDescriptor,
-  V2_MetaFunction,
+  MetaArgs,
+  MetaDescriptor,
+  MetaFunction,
   RouteModules as UNSAFE_RouteModules,
 } from "./routeModules";
 
diff --git a/packages/remix-react/routeModules.ts b/packages/remix-react/routeModules.ts
index 805f9b0d5b7..5441a535b1a 100644
--- a/packages/remix-react/routeModules.ts
+++ b/packages/remix-react/routeModules.ts
@@ -22,11 +22,7 @@ export interface RouteModule {
   default: RouteComponent;
   handle?: RouteHandle;
   links?: LinksFunction;
-  meta?:
-    | V1_MetaFunction
-    | V1_HtmlMetaDescriptor
-    | V2_MetaFunction
-    | V2_MetaDescriptor[];
+  meta?: MetaFunction;
   shouldRevalidate?: ShouldRevalidateFunction;
 }
 
@@ -65,30 +61,7 @@ export interface LinksFunction {
   (): LinkDescriptor[];
 }
 
-/**
- * A function that returns an object of name + content pairs to use for
- * `<meta>` tags for a route. These tags will be merged with (and take
- * precedence over) tags from parent routes.
- *
- * @see https://remix.run/route/meta
- */
-export interface V1_MetaFunction {
-  (args: {
-    data: AppData;
-    parentsData: RouteData;
-    params: Params;
-    location: Location;
-  }): HtmlMetaDescriptor;
-}
-
-// TODO: Replace in v2
-export type MetaFunction = V1_MetaFunction;
-
-export interface RouteMatchWithMeta extends DataRouteMatch {
-  meta: V2_MetaDescriptor[];
-}
-
-export interface V2_MetaMatch<
+export interface MetaMatch<
   RouteId extends string = string,
   Loader extends LoaderFunction | unknown = unknown
 > {
@@ -97,59 +70,38 @@ export interface V2_MetaMatch<
   data: Loader extends LoaderFunction ? SerializeFrom<Loader> : unknown;
   handle?: unknown;
   params: DataRouteMatch["params"];
-  meta: V2_MetaDescriptor[];
+  meta: MetaDescriptor[];
 }
 
-export type V2_MetaMatches<
+export type MetaMatches<
   MatchLoaders extends Record<string, unknown> = Record<string, unknown>
 > = Array<
   {
-    [K in keyof MatchLoaders]: V2_MetaMatch<
+    [K in keyof MatchLoaders]: MetaMatch<
       Exclude<K, number | symbol>,
       MatchLoaders[K]
     >;
   }[keyof MatchLoaders]
 >;
 
-export interface V2_MetaArgs<
+export interface MetaArgs<
   Loader extends LoaderFunction | unknown = unknown,
   MatchLoaders extends Record<string, unknown> = Record<string, unknown>
 > {
   data: Loader extends LoaderFunction ? SerializeFrom<Loader> : AppData;
   params: Params;
   location: Location;
-  matches: V2_MetaMatches<MatchLoaders>;
+  matches: MetaMatches<MatchLoaders>;
 }
 
-export interface V2_MetaFunction<
+export interface MetaFunction<
   Loader extends LoaderFunction | unknown = unknown,
   MatchLoaders extends Record<string, unknown> = Record<string, unknown>
 > {
-  (args: V2_MetaArgs<Loader, MatchLoaders>): V2_MetaDescriptor[] | undefined;
+  (args: MetaArgs<Loader, MatchLoaders>): MetaDescriptor[] | undefined;
 }
 
-/**
- * A name/content pair used to render `<meta>` tags in a meta function for a
- * route. The value can be either a string, which will render a single `<meta>`
- * tag, or an array of strings that will render multiple tags with the same
- * `name` attribute.
- */
-export interface V1_HtmlMetaDescriptor {
-  charset?: "utf-8";
-  charSet?: "utf-8";
-  title?: string;
-  [name: string]:
-    | null
-    | string
-    | undefined
-    | Record<string, string>
-    | Array<Record<string, string> | string>;
-}
-
-// TODO: Replace in v2
-export type HtmlMetaDescriptor = V1_HtmlMetaDescriptor;
-
-export type V2_MetaDescriptor =
+export type MetaDescriptor =
   | { charSet: "utf-8" }
   | { title: string }
   | { name: string; content: string }
diff --git a/packages/remix-server-runtime/__tests__/handler-test.ts b/packages/remix-server-runtime/__tests__/handler-test.ts
index 8b0e05688ef..c17c9bac182 100644
--- a/packages/remix-server-runtime/__tests__/handler-test.ts
+++ b/packages/remix-server-runtime/__tests__/handler-test.ts
@@ -18,8 +18,7 @@ describe("createRequestHandler", () => {
       entry: { module: {} as any },
       future: {
         v2_errorBoundary: false,
-        v2_meta: false,
-      },
+      } as any,
     });
 
     let response = await handler(
diff --git a/packages/remix-server-runtime/entry.ts b/packages/remix-server-runtime/entry.ts
index c7a0e48e9f2..f9e58e79495 100644
--- a/packages/remix-server-runtime/entry.ts
+++ b/packages/remix-server-runtime/entry.ts
@@ -29,7 +29,6 @@ export interface FutureConfig {
   unstable_tailwind: boolean;
   unstable_vanillaExtract: boolean | VanillaExtractOptions;
   v2_errorBoundary: boolean;
-  v2_meta: boolean;
   v2_routeConvention: boolean;
 }
 
diff --git a/packages/remix-server-runtime/index.ts b/packages/remix-server-runtime/index.ts
index d6fb090fbc4..a9965fe55c3 100644
--- a/packages/remix-server-runtime/index.ts
+++ b/packages/remix-server-runtime/index.ts
@@ -49,15 +49,12 @@ export type {
   HandleDocumentRequestFunction,
   HeadersFunction,
   HtmlLinkDescriptor,
-  HtmlMetaDescriptor,
   LinkDescriptor,
   LinksFunction,
   LoaderArgs,
   LoaderFunction,
   MemoryUploadHandlerFilterArgs,
   MemoryUploadHandlerOptions,
-  MetaDescriptor,
-  MetaFunction,
   PageLinkDescriptor,
   RequestHandler,
   RouteComponent,
@@ -65,9 +62,9 @@ export type {
   SerializeFrom,
   ServerBuild,
   ServerEntryModule,
-  V2_ServerRuntimeMetaArgs,
-  V2_ServerRuntimeMetaDescriptor,
-  V2_ServerRuntimeMetaFunction,
+  ServerRuntimeMetaArgs,
+  ServerRuntimeMetaDescriptor,
+  ServerRuntimeMetaFunction,
   Session,
   SessionData,
   SessionIdStorageStrategy,
diff --git a/packages/remix-server-runtime/reexport.ts b/packages/remix-server-runtime/reexport.ts
index bc69b5546eb..3889241c586 100644
--- a/packages/remix-server-runtime/reexport.ts
+++ b/packages/remix-server-runtime/reexport.ts
@@ -39,17 +39,14 @@ export type {
   DataFunctionArgs,
   ErrorBoundaryComponent,
   HeadersFunction,
-  HtmlMetaDescriptor,
   LinksFunction,
   LoaderArgs,
   LoaderFunction,
-  MetaDescriptor,
-  MetaFunction,
   RouteComponent,
   RouteHandle,
-  V2_ServerRuntimeMetaArgs,
-  V2_ServerRuntimeMetaDescriptor,
-  V2_ServerRuntimeMetaFunction,
+  ServerRuntimeMetaArgs,
+  ServerRuntimeMetaDescriptor,
+  ServerRuntimeMetaFunction,
 } from "./routeModules";
 
 export type { SerializeFrom } from "./serialize";
diff --git a/packages/remix-server-runtime/routeModules.ts b/packages/remix-server-runtime/routeModules.ts
index 9eddc2b40c3..34eeea50ba8 100644
--- a/packages/remix-server-runtime/routeModules.ts
+++ b/packages/remix-server-runtime/routeModules.ts
@@ -3,7 +3,6 @@ import type { ComponentType } from "react";
 
 import type { AppLoadContext, AppData } from "./data";
 import type { LinkDescriptor } from "./links";
-import type { RouteData } from "./routeData";
 import type { SerializeFrom } from "./serialize";
 
 export interface RouteModules<RouteModule> {
@@ -85,13 +84,48 @@ export interface LoaderFunction {
     | AppData;
 }
 
+interface ServerRuntimeMetaMatch<
+  RouteId extends string = string,
+  Loader extends LoaderFunction | unknown = unknown
+> {
+  id: RouteId;
+  pathname: AgnosticRouteMatch["pathname"];
+  data: Loader extends LoaderFunction ? SerializeFrom<Loader> : unknown;
+  handle?: unknown;
+  params: AgnosticRouteMatch["params"];
+  meta: ServerRuntimeMetaDescriptor[];
+}
+
+type ServerRuntimeMetaMatches<
+  MatchLoaders extends Record<string, unknown> = Record<string, unknown>
+> = Array<
+  {
+    [K in keyof MatchLoaders]: ServerRuntimeMetaMatch<
+      Exclude<K, number | symbol>,
+      MatchLoaders[K]
+    >;
+  }[keyof MatchLoaders]
+>;
+
+export interface ServerRuntimeMetaArgs<
+  Loader extends LoaderFunction | unknown = unknown,
+  MatchLoaders extends Record<string, unknown> = Record<string, unknown>
+> {
+  data: Loader extends LoaderFunction ? SerializeFrom<Loader> : AppData;
+  params: Params;
+  location: Location;
+  matches: ServerRuntimeMetaMatches<MatchLoaders>;
+}
+
 /**
- * A function that returns an object of name + content pairs to use for
- * `<meta>` tags for a route. These tags will be merged with (and take
- * precedence over) tags from parent routes.
+ * A function that returns an array of data objects to use for rendering
+ * metadata HTML tags in a route. These tags are not rendered on descendant
+ * routes in the route hierarchy. In other words, they will only be rendered on
+ * the route in which they are exported.
  *
- * @param Loader - Loader for this meta function's route
- * @param ParentsLoaders - Mapping from a parent's route filepath to that route's loader
+ * @param Loader - The type of the current route's loader function
+ * @param MatchLoaders - Mapping from a parent route's filepath to its loader
+ * function type
  *
  * Note that parent route filepaths are relative to the `app/` directory.
  *
@@ -129,104 +163,28 @@ export interface LoaderFunction {
  *  "root": RootLoader,
  *  "routes/sales": SalesLoader,
  *  "routes/sales/customers": CustomersLoader,
- * }> = ({ data, parentsData }) => {
+ * }> = ({ data, matches }) => {
  *   const { name } = data
  *   //      ^? string
- *   const { customerCount } = parentsData["routes/sales/customers"]
+ *   const { customerCount } = matches.find((match) => match.id === "routes/sales/customers").data
  *   //      ^? number
- *   const { salesCount } = parentsData["routes/sales"]
+ *   const { salesCount } = matches.find((match) => match.id === "routes/sales").data
  *   //      ^? number
- *   const { hello } = parentsData["root"]
+ *   const { hello } = matches.find((match) => match.id === "root").data
  *   //      ^? "world"
  * }
  * ```
  */
-export interface V1_MetaFunction<
-  Loader extends LoaderFunction | unknown = unknown,
-  ParentsLoaders extends Record<string, LoaderFunction> = {}
-> {
-  (args: {
-    data: Loader extends LoaderFunction ? SerializeFrom<Loader> : AppData;
-    parentsData: {
-      [k in keyof ParentsLoaders]: SerializeFrom<ParentsLoaders[k]>;
-    } & RouteData;
-    params: Params;
-    location: Location;
-  }): HtmlMetaDescriptor;
-}
-
-// TODO: Replace in v2
-export type MetaFunction<
-  Loader extends LoaderFunction | unknown = unknown,
-  ParentsLoaders extends Record<string, LoaderFunction> = {}
-> = V1_MetaFunction<Loader, ParentsLoaders>;
-
-interface V2_ServerRuntimeMetaMatch<
-  RouteId extends string = string,
-  Loader extends LoaderFunction | unknown = unknown
-> {
-  id: RouteId;
-  pathname: AgnosticRouteMatch["pathname"];
-  data: Loader extends LoaderFunction ? SerializeFrom<Loader> : unknown;
-  handle?: unknown;
-  params: AgnosticRouteMatch["params"];
-  meta: V2_ServerRuntimeMetaDescriptor[];
-}
-
-type V2_ServerRuntimeMetaMatches<
-  MatchLoaders extends Record<string, unknown> = Record<string, unknown>
-> = Array<
-  {
-    [K in keyof MatchLoaders]: V2_ServerRuntimeMetaMatch<
-      Exclude<K, number | symbol>,
-      MatchLoaders[K]
-    >;
-  }[keyof MatchLoaders]
->;
-
-export interface V2_ServerRuntimeMetaArgs<
+export interface ServerRuntimeMetaFunction<
   Loader extends LoaderFunction | unknown = unknown,
   MatchLoaders extends Record<string, unknown> = Record<string, unknown>
 > {
-  data: Loader extends LoaderFunction ? SerializeFrom<Loader> : AppData;
-  params: Params;
-  location: Location;
-  matches: V2_ServerRuntimeMetaMatches<MatchLoaders>;
-}
-
-export interface V2_ServerRuntimeMetaFunction<
-  Loader extends LoaderFunction | unknown = unknown,
-  ParentsLoaders extends Record<string, LoaderFunction> = {}
-> {
-  (
-    args: V2_ServerRuntimeMetaArgs<Loader, ParentsLoaders>
-  ): V2_ServerRuntimeMetaDescriptor[];
-}
-
-/**
- * A name/content pair used to render `<meta>` tags in a meta function for a
- * route. The value can be either a string, which will render a single `<meta>`
- * tag, or an array of strings that will render multiple tags with the same
- * `name` attribute.
- */
-export interface V1_HtmlMetaDescriptor {
-  charset?: "utf-8";
-  charSet?: "utf-8";
-  title?: string;
-  [name: string]:
-    | null
-    | string
-    | undefined
-    | Record<string, string>
-    | Array<Record<string, string> | string>;
+  (args: ServerRuntimeMetaArgs<Loader, MatchLoaders>):
+    | ServerRuntimeMetaDescriptor[]
+    | undefined;
 }
 
-// TODO: Replace in v2
-export type HtmlMetaDescriptor = V1_HtmlMetaDescriptor;
-
-export type MetaDescriptor = HtmlMetaDescriptor;
-
-export type V2_ServerRuntimeMetaDescriptor =
+export type ServerRuntimeMetaDescriptor =
   | { charSet: "utf-8" }
   | { title: string }
   | { name: string; content: string }
@@ -259,7 +217,7 @@ export interface EntryRouteModule {
   default: RouteComponent;
   handle?: RouteHandle;
   links?: LinksFunction;
-  meta?: MetaFunction | HtmlMetaDescriptor;
+  meta?: ServerRuntimeMetaFunction;
 }
 
 export interface ServerRouteModule extends EntryRouteModule {
diff --git a/packages/remix-testing/create-remix-stub.tsx b/packages/remix-testing/create-remix-stub.tsx
index 5e19df8c848..0f4932c6e87 100644
--- a/packages/remix-testing/create-remix-stub.tsx
+++ b/packages/remix-testing/create-remix-stub.tsx
@@ -69,7 +69,6 @@ export function createRemixStub(routes: (RouteObject | DataRouteObject)[]) {
           unstable_tailwind: false,
           unstable_vanillaExtract: false,
           v2_errorBoundary: false,
-          v2_meta: false,
           v2_routeConvention: false,
           ...remixConfigFuture,
         },
diff --git a/scripts/playground/template/app/routes/index.tsx b/scripts/playground/template/app/routes/index.tsx
index 0d0aee062a1..a05412b9e82 100644
--- a/scripts/playground/template/app/routes/index.tsx
+++ b/scripts/playground/template/app/routes/index.tsx
@@ -1,9 +1,9 @@
-import type { V2_MetaFunction } from "@remix-run/node";
+import type { MetaFunction } from "@remix-run/node";
 import { Link } from "@remix-run/react";
 
 import { useOptionalUser } from "~/utils";
 
-export const meta: V2_MetaFunction = () => {
+export const meta: MetaFunction = () => {
   return [{ title: "Remix Notes" }];
 };
 
diff --git a/scripts/playground/template/app/routes/join.tsx b/scripts/playground/template/app/routes/join.tsx
index b97cbe114d7..0a84f811d11 100644
--- a/scripts/playground/template/app/routes/join.tsx
+++ b/scripts/playground/template/app/routes/join.tsx
@@ -1,4 +1,4 @@
-import type { ActionArgs, LoaderArgs, V2_MetaFunction } from "@remix-run/node";
+import type { ActionArgs, LoaderArgs, MetaFunction } from "@remix-run/node";
 import { json, redirect } from "@remix-run/node";
 import { Form, Link, useActionData, useSearchParams } from "@remix-run/react";
 import * as React from "react";
@@ -63,7 +63,7 @@ export async function action({ request }: ActionArgs) {
   });
 }
 
-export const meta: V2_MetaFunction = () => {
+export const meta: MetaFunction = () => {
   return [{ title: "Sign Up" }];
 };
 
diff --git a/scripts/playground/template/app/routes/login.tsx b/scripts/playground/template/app/routes/login.tsx
index 020ac7d7b55..337c6f1e760 100644
--- a/scripts/playground/template/app/routes/login.tsx
+++ b/scripts/playground/template/app/routes/login.tsx
@@ -1,4 +1,4 @@
-import type { ActionArgs, LoaderArgs, V2_MetaFunction } from "@remix-run/node";
+import type { ActionArgs, LoaderArgs, MetaFunction } from "@remix-run/node";
 import { json, redirect } from "@remix-run/node";
 import { Form, Link, useActionData, useSearchParams } from "@remix-run/react";
 import * as React from "react";
@@ -58,7 +58,7 @@ export async function action({ request }: ActionArgs) {
   });
 }
 
-export const meta: V2_MetaFunction = () => {
+export const meta: MetaFunction = () => {
   return [{ title: "Login" }];
 };
 
diff --git a/scripts/playground/template/app/routes/notes.tsx b/scripts/playground/template/app/routes/notes.tsx
index c7267ef9967..b16b4f6790a 100644
--- a/scripts/playground/template/app/routes/notes.tsx
+++ b/scripts/playground/template/app/routes/notes.tsx
@@ -1,4 +1,4 @@
-import type { LoaderArgs, V2_MetaFunction } from "@remix-run/node";
+import type { LoaderArgs, MetaFunction } from "@remix-run/node";
 import { json } from "@remix-run/node";
 import { Form, Link, NavLink, Outlet, useLoaderData } from "@remix-run/react";
 
@@ -12,7 +12,7 @@ export async function loader({ request }: LoaderArgs) {
   return json({ noteListItems });
 }
 
-export const meta: V2_MetaFunction = () => {
+export const meta: MetaFunction = () => {
   return [{ title: "Remix Notes" }];
 };
 
diff --git a/scripts/playground/template/app/routes/notes/$noteId.tsx b/scripts/playground/template/app/routes/notes/$noteId.tsx
index 8b37fe7c35d..c222f532bdb 100644
--- a/scripts/playground/template/app/routes/notes/$noteId.tsx
+++ b/scripts/playground/template/app/routes/notes/$noteId.tsx
@@ -1,4 +1,4 @@
-import type { V2_MetaFunction, ActionArgs, LoaderArgs } from "@remix-run/node";
+import type { MetaFunction, ActionArgs, LoaderArgs } from "@remix-run/node";
 import { json, redirect } from "@remix-run/node";
 import { Form, useCatch, useLoaderData } from "@remix-run/react";
 import invariant from "tiny-invariant";
@@ -16,7 +16,7 @@ export async function loader({ request, params }: LoaderArgs) {
   return json({ note });
 }
 
-export const meta: V2_MetaFunction<typeof loader> = ({ data }) => {
+export const meta: MetaFunction<typeof loader> = ({ data }) => {
   return [{ title: "Note: " + data.note.title }];
 };
 
diff --git a/scripts/playground/template/app/routes/notes/index.tsx b/scripts/playground/template/app/routes/notes/index.tsx
index d75ec7fdf0c..033d247eafa 100644
--- a/scripts/playground/template/app/routes/notes/index.tsx
+++ b/scripts/playground/template/app/routes/notes/index.tsx
@@ -1,7 +1,7 @@
-import type { V2_MetaFunction } from "@remix-run/node";
+import type { MetaFunction } from "@remix-run/node";
 import { Link } from "@remix-run/react";
 
-export const meta: V2_MetaFunction = () => {
+export const meta: MetaFunction = () => {
   return [{ title: "Remix Notes" }];
 };
 
diff --git a/scripts/playground/template/app/routes/notes/new.tsx b/scripts/playground/template/app/routes/notes/new.tsx
index e6e8018cddd..109b25fdea6 100644
--- a/scripts/playground/template/app/routes/notes/new.tsx
+++ b/scripts/playground/template/app/routes/notes/new.tsx
@@ -1,4 +1,4 @@
-import type { ActionArgs, V2_MetaFunction } from "@remix-run/node";
+import type { ActionArgs, MetaFunction } from "@remix-run/node";
 import { json, redirect } from "@remix-run/node";
 import { Form, useActionData } from "@remix-run/react";
 import * as React from "react";
@@ -32,7 +32,7 @@ export async function action({ request }: ActionArgs) {
   return redirect(`/notes/${note.id}`);
 }
 
-export const meta: V2_MetaFunction = () => {
+export const meta: MetaFunction = () => {
   return [{ title: "Create a Note" }];
 };
 
diff --git a/scripts/playground/template/remix.config.js b/scripts/playground/template/remix.config.js
index d88ac009675..a2074b02762 100644
--- a/scripts/playground/template/remix.config.js
+++ b/scripts/playground/template/remix.config.js
@@ -2,7 +2,4 @@
 module.exports = {
   cacheDirectory: "./node_modules/.cache/remix",
   ignoredRouteFiles: ["**/.*", "**/*.css", "**/*.test.{js,jsx,ts,tsx}"],
-  future: {
-    v2_meta: true,
-  },
 };
diff --git a/templates/arc/app/routes/index.tsx b/templates/arc/app/routes/index.tsx
index 529391d9a21..f024a40f924 100644
--- a/templates/arc/app/routes/index.tsx
+++ b/templates/arc/app/routes/index.tsx
@@ -1,6 +1,6 @@
-import type { V2_MetaFunction } from "@remix-run/node";
+import type { MetaFunction } from "@remix-run/node";
 
-export const meta: V2_MetaFunction = () => {
+export const meta: MetaFunction = () => {
   return [{ title: "New Remix App" }];
 };
 
diff --git a/templates/arc/remix.config.js b/templates/arc/remix.config.js
index f6b005d3409..a42ab1855f3 100644
--- a/templates/arc/remix.config.js
+++ b/templates/arc/remix.config.js
@@ -6,7 +6,4 @@ module.exports = {
   serverBuildPath: "server/index.js",
   // appDirectory: "app",
   // assetsBuildDirectory: "public/build",
-  future: {
-    v2_meta: true,
-  },
 };
diff --git a/templates/cloudflare-pages/app/routes/index.tsx b/templates/cloudflare-pages/app/routes/index.tsx
index 529391d9a21..f024a40f924 100644
--- a/templates/cloudflare-pages/app/routes/index.tsx
+++ b/templates/cloudflare-pages/app/routes/index.tsx
@@ -1,6 +1,6 @@
-import type { V2_MetaFunction } from "@remix-run/node";
+import type { MetaFunction } from "@remix-run/node";
 
-export const meta: V2_MetaFunction = () => {
+export const meta: MetaFunction = () => {
   return [{ title: "New Remix App" }];
 };
 
diff --git a/templates/cloudflare-pages/remix.config.js b/templates/cloudflare-pages/remix.config.js
index 3e2e617773f..1a0ec28bf46 100644
--- a/templates/cloudflare-pages/remix.config.js
+++ b/templates/cloudflare-pages/remix.config.js
@@ -13,7 +13,4 @@ module.exports = {
   // appDirectory: "app",
   // assetsBuildDirectory: "public/build",
   // publicPath: "/build/",
-  future: {
-    v2_meta: true,
-  },
 };
diff --git a/templates/cloudflare-workers/app/routes/index.tsx b/templates/cloudflare-workers/app/routes/index.tsx
index 529391d9a21..f024a40f924 100644
--- a/templates/cloudflare-workers/app/routes/index.tsx
+++ b/templates/cloudflare-workers/app/routes/index.tsx
@@ -1,6 +1,6 @@
-import type { V2_MetaFunction } from "@remix-run/node";
+import type { MetaFunction } from "@remix-run/node";
 
-export const meta: V2_MetaFunction = () => {
+export const meta: MetaFunction = () => {
   return [{ title: "New Remix App" }];
 };
 
diff --git a/templates/cloudflare-workers/remix.config.js b/templates/cloudflare-workers/remix.config.js
index edfd8ea12c1..ab7a9e7da4c 100644
--- a/templates/cloudflare-workers/remix.config.js
+++ b/templates/cloudflare-workers/remix.config.js
@@ -13,7 +13,4 @@ module.exports = {
   // assetsBuildDirectory: "public/build",
   // serverBuildPath: "build/index.js",
   // publicPath: "/build/",
-  future: {
-    v2_meta: true,
-  },
 };
diff --git a/templates/deno/app/routes/index.tsx b/templates/deno/app/routes/index.tsx
index bd4308278f5..119e458e105 100644
--- a/templates/deno/app/routes/index.tsx
+++ b/templates/deno/app/routes/index.tsx
@@ -1,7 +1,7 @@
 import * as React from "react";
-import type { V2_MetaFunction } from "@remix-run/node";
+import type { MetaFunction } from "@remix-run/node";
 
-export const meta: V2_MetaFunction = () => {
+export const meta: MetaFunction = () => {
   return [{ title: "New Remix App" }];
 };
 
diff --git a/templates/deno/remix.config.js b/templates/deno/remix.config.js
index 5b01edfb2e6..4ad663f5b71 100644
--- a/templates/deno/remix.config.js
+++ b/templates/deno/remix.config.js
@@ -18,7 +18,4 @@ module.exports = {
   // assetsBuildDirectory: "public/build",
   // serverBuildPath: "build/index.js",
   // publicPath: "/build/",
-  future: {
-    v2_meta: true,
-  },
 };
diff --git a/templates/express/app/routes/index.tsx b/templates/express/app/routes/index.tsx
index 529391d9a21..f024a40f924 100644
--- a/templates/express/app/routes/index.tsx
+++ b/templates/express/app/routes/index.tsx
@@ -1,6 +1,6 @@
-import type { V2_MetaFunction } from "@remix-run/node";
+import type { MetaFunction } from "@remix-run/node";
 
-export const meta: V2_MetaFunction = () => {
+export const meta: MetaFunction = () => {
   return [{ title: "New Remix App" }];
 };
 
diff --git a/templates/express/remix.config.js b/templates/express/remix.config.js
index 83dce22ab54..adf2a0b5d3e 100644
--- a/templates/express/remix.config.js
+++ b/templates/express/remix.config.js
@@ -5,7 +5,4 @@ module.exports = {
   // assetsBuildDirectory: "public/build",
   // serverBuildPath: "build/index.js",
   // publicPath: "/build/",
-  future: {
-    v2_meta: true,
-  },
 };
diff --git a/templates/fly/app/routes/index.tsx b/templates/fly/app/routes/index.tsx
index 529391d9a21..f024a40f924 100644
--- a/templates/fly/app/routes/index.tsx
+++ b/templates/fly/app/routes/index.tsx
@@ -1,6 +1,6 @@
-import type { V2_MetaFunction } from "@remix-run/node";
+import type { MetaFunction } from "@remix-run/node";
 
-export const meta: V2_MetaFunction = () => {
+export const meta: MetaFunction = () => {
   return [{ title: "New Remix App" }];
 };
 
diff --git a/templates/fly/remix.config.js b/templates/fly/remix.config.js
index 83dce22ab54..adf2a0b5d3e 100644
--- a/templates/fly/remix.config.js
+++ b/templates/fly/remix.config.js
@@ -5,7 +5,4 @@ module.exports = {
   // assetsBuildDirectory: "public/build",
   // serverBuildPath: "build/index.js",
   // publicPath: "/build/",
-  future: {
-    v2_meta: true,
-  },
 };
diff --git a/templates/netlify/app/routes/index.tsx b/templates/netlify/app/routes/index.tsx
index 529391d9a21..f024a40f924 100644
--- a/templates/netlify/app/routes/index.tsx
+++ b/templates/netlify/app/routes/index.tsx
@@ -1,6 +1,6 @@
-import type { V2_MetaFunction } from "@remix-run/node";
+import type { MetaFunction } from "@remix-run/node";
 
-export const meta: V2_MetaFunction = () => {
+export const meta: MetaFunction = () => {
   return [{ title: "New Remix App" }];
 };
 
diff --git a/templates/netlify/remix.config.js b/templates/netlify/remix.config.js
index 907b3773e15..167e139f331 100644
--- a/templates/netlify/remix.config.js
+++ b/templates/netlify/remix.config.js
@@ -9,7 +9,4 @@ module.exports = {
   // appDirectory: "app",
   // assetsBuildDirectory: "public/build",
   // publicPath: "/build/",
-  future: {
-    v2_meta: true,
-  },
 };
diff --git a/templates/remix/app/routes/index.tsx b/templates/remix/app/routes/index.tsx
index 529391d9a21..f024a40f924 100644
--- a/templates/remix/app/routes/index.tsx
+++ b/templates/remix/app/routes/index.tsx
@@ -1,6 +1,6 @@
-import type { V2_MetaFunction } from "@remix-run/node";
+import type { MetaFunction } from "@remix-run/node";
 
-export const meta: V2_MetaFunction = () => {
+export const meta: MetaFunction = () => {
   return [{ title: "New Remix App" }];
 };
 
diff --git a/templates/remix/remix.config.js b/templates/remix/remix.config.js
index 83dce22ab54..adf2a0b5d3e 100644
--- a/templates/remix/remix.config.js
+++ b/templates/remix/remix.config.js
@@ -5,7 +5,4 @@ module.exports = {
   // assetsBuildDirectory: "public/build",
   // serverBuildPath: "build/index.js",
   // publicPath: "/build/",
-  future: {
-    v2_meta: true,
-  },
 };
diff --git a/templates/vercel/app/routes/index.tsx b/templates/vercel/app/routes/index.tsx
index 529391d9a21..f024a40f924 100644
--- a/templates/vercel/app/routes/index.tsx
+++ b/templates/vercel/app/routes/index.tsx
@@ -1,6 +1,6 @@
-import type { V2_MetaFunction } from "@remix-run/node";
+import type { MetaFunction } from "@remix-run/node";
 
-export const meta: V2_MetaFunction = () => {
+export const meta: MetaFunction = () => {
   return [{ title: "New Remix App" }];
 };
 
diff --git a/templates/vercel/remix.config.js b/templates/vercel/remix.config.js
index 01a89cc5b3e..3add2266a50 100644
--- a/templates/vercel/remix.config.js
+++ b/templates/vercel/remix.config.js
@@ -9,7 +9,4 @@ module.exports = {
   // appDirectory: "app",
   // assetsBuildDirectory: "public/build",
   // publicPath: "/build/",
-  future: {
-    v2_meta: true,
-  },
 };