From 3b6e5e0558cfef644cab64fc1a82981c4a18cb45 Mon Sep 17 00:00:00 2001
From: Jerel Miller <jerelmiller@gmail.com>
Date: Thu, 21 Nov 2024 14:01:59 -0700
Subject: [PATCH] Ensure code languages match their filename

---
 docs/source/data/fragments.mdx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/docs/source/data/fragments.mdx b/docs/source/data/fragments.mdx
index 0a7458af89c..bd8d2ac033a 100644
--- a/docs/source/data/fragments.mdx
+++ b/docs/source/data/fragments.mdx
@@ -198,11 +198,11 @@ function ToDoList() {
 
 Fragments do not all need to be defined up-front when the cache is created. Instead, you can register named fragments lazily with the fragment registery. This is especially useful when combined with [colocated fragments](#colocating-fragments) whose fragment definitions are defined in component files. Let's look at an example:
 
-```tsx title="fragmentRegistry.js"
+```js title="fragmentRegistry.js"
 export const { fragmentRegistry } = createFragmentRegistry();
 ```
 
-```tsx title="index.js"
+```js title="index.js"
 import { fragmentRegistry } from "./fragmentRegistry";
 
 const client = new ApolloClient({
@@ -215,7 +215,7 @@ const client = new ApolloClient({
 
 We create a separate file that creates and exports our fragment registry. This gives us a way to access our shared fragment registry across our application. We use this shared fragment registry with our `InMemoryCache` instance.
 
-```tsx title="TodoItem.js"
+```jsx title="TodoItem.jsx"
 import { gql } from "@apollo/client";
 import { fragmentRegistry } from "./fragmentRegistry";
 
@@ -338,7 +338,7 @@ Use the `possibleTypes` option to the `InMemoryCache` constructor to specify sup
 
 Here's an example `possibleTypes` declaration:
 
-```ts
+```js
 const cache = new InMemoryCache({
   possibleTypes: {
     Character: ["Jedi", "Droid"],