From d05b45b1d50745cfa21693bdcc24b1ca6a1f0636 Mon Sep 17 00:00:00 2001
From: Armedi <armedi@outlook.com>
Date: Wed, 8 Oct 2025 09:51:44 +0700
Subject: [PATCH 1/2] Update code examples in useLayoutEffect and useMemo
 documentation to specify source files

---
 src/content/reference/react/useLayoutEffect.md | 6 +++---
 src/content/reference/react/useMemo.md         | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/content/reference/react/useLayoutEffect.md b/src/content/reference/react/useLayoutEffect.md
index 083d4e052ca..bf0a7a7ca30 100644
--- a/src/content/reference/react/useLayoutEffect.md
+++ b/src/content/reference/react/useLayoutEffect.md
@@ -187,7 +187,7 @@ export default function ButtonWithTooltip({ tooltipContent, ...rest }) {
 }
 ```
 
-```js
+```js src/Tooltip.js
 import { useRef, useLayoutEffect, useState } from 'react';
 import { createPortal } from 'react-dom';
 import TooltipContainer from './TooltipContainer.js';
@@ -263,7 +263,7 @@ React guarantees that the code inside `useLayoutEffect` and any state updates sc
 
 <Sandpack>
 
-```js
+```js src/App.js
 import ButtonWithTooltip from './ButtonWithTooltip.js';
 
 export default function App() {
@@ -337,7 +337,7 @@ export default function ButtonWithTooltip({ tooltipContent, ...rest }) {
 }
 ```
 
-```js
+```js src/Tooltip.js
 import { useRef, useLayoutEffect, useState } from 'react';
 import { createPortal } from 'react-dom';
 import TooltipContainer from './TooltipContainer.js';
diff --git a/src/content/reference/react/useMemo.md b/src/content/reference/react/useMemo.md
index e505622db70..22f700c67fb 100644
--- a/src/content/reference/react/useMemo.md
+++ b/src/content/reference/react/useMemo.md
@@ -225,7 +225,7 @@ export default function App() {
 
 ```
 
-```js
+```js src/TodoList.js
 import { useMemo } from 'react';
 import { filterTodos } from './utils.js'
 

From 00e85999996e85fcf64733215a719eb986ad7397 Mon Sep 17 00:00:00 2001
From: Armedi <armedi@outlook.com>
Date: Wed, 8 Oct 2025 10:08:09 +0700
Subject: [PATCH 2/2] Specify source files in code examples for useLayoutEffect
 documentation

---
 src/content/reference/react/useLayoutEffect.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/content/reference/react/useLayoutEffect.md b/src/content/reference/react/useLayoutEffect.md
index bf0a7a7ca30..ae327125145 100644
--- a/src/content/reference/react/useLayoutEffect.md
+++ b/src/content/reference/react/useLayoutEffect.md
@@ -410,7 +410,7 @@ Here is the same example, but with [`useEffect`](/reference/react/useEffect) ins
 
 <Sandpack>
 
-```js
+```js src/App.js
 import ButtonWithTooltip from './ButtonWithTooltip.js';
 
 export default function App() {
@@ -484,7 +484,7 @@ export default function ButtonWithTooltip({ tooltipContent, ...rest }) {
 }
 ```
 
-```js
+```js src/Tooltip.js
 import { useRef, useEffect, useState } from 'react';
 import { createPortal } from 'react-dom';
 import TooltipContainer from './TooltipContainer.js';