From 25f7577135a24ea4f9a5ea0aa4ad5178108f80fc Mon Sep 17 00:00:00 2001
From: Micah Godbolt <mgodbolt@microsoft.com>
Date: Tue, 26 Feb 2019 23:51:05 -0800
Subject: [PATCH] clarify that index.temp needs to be changed to index.tsx.
 fixes #19

---
 step1-04/demo/README.md | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/step1-04/demo/README.md b/step1-04/demo/README.md
index e25259f..e506464 100644
--- a/step1-04/demo/README.md
+++ b/step1-04/demo/README.md
@@ -38,11 +38,13 @@ export class App extends React.Component {
   3. Controls can be self closing `<div><MyControl text='hi' /></div>`
   4. You can use JavaScript inside of JSX! If you declare `const name = 'Micah';` inside the render function, you can use that variable inside of your JSX `<div>{name}</div>` or `<div><MyControl text={name} /></div>`. Works with functions, loops, conditionals as well.
 
-### index.jsx
+### index.tsx
 
 This is the file that places your App onto the page.
 
-```jsx
+> Note that to avoid build errors, this file has been renamed to index.temp. Change the name to index.tsx.
+
+```tsx
 import React from 'react';
 import ReactDOM from 'react-dom';
 import { App } from './App';