diff --git a/2024/12/react_demo1/src/App.jsx b/2024/12/react_demo1/src/App.jsx
index 540615c..f64f5d9 100644
--- a/2024/12/react_demo1/src/App.jsx
+++ b/2024/12/react_demo1/src/App.jsx
@@ -4,7 +4,7 @@ import viteLogo from '/vite.svg'
 import './App.css'
 import styles from './App.module.scss';
 import Item from './Item.jsx';
-import AppInfoCtx from "./appInfoCtx.js";
+import AppInfoCtx from "./AppInfoCtx.js";
 
 function App() {
     const [count, setCount] = useState(0);
diff --git a/2024/12/react_demo1/src/appInfoCtx.js b/2024/12/react_demo1/src/AppInfoCtx.js
similarity index 100%
rename from 2024/12/react_demo1/src/appInfoCtx.js
rename to 2024/12/react_demo1/src/AppInfoCtx.js
diff --git a/2024/12/react_demo1/src/Item.jsx b/2024/12/react_demo1/src/Item.jsx
index 3d22532..06ba4ac 100644
--- a/2024/12/react_demo1/src/Item.jsx
+++ b/2024/12/react_demo1/src/Item.jsx
@@ -1,11 +1,11 @@
 import "bulma";
 import {useContext, useState} from "react";
 import styles from './Item.module.css';
-import appInfoCtx from "./appInfoCtx.js";
+import AppInfoCtx from "./AppInfoCtx.js";
 
 export default function Item({pos, callback}) {
     let [loading, setLoading] = useState(false);
-    const appInfo = useContext(appInfoCtx);
+    const appInfo = useContext(AppInfoCtx);
     return (<li className={'my-4 ' + styles.item}>
         <div>
             <div style={{"display": "inline-block"}} className="box m-4"><span>Item {pos}</span></div>