Update ReactDOM.render to use createRoot and correct autoFocus attribute

Author: devin-ai-integration[bot]

src/components/TodoTextInput.js

@@ -42,7 +42,7 @@ export default class TodoTextInput extends Component {
         })}
         type="text"
         placeholder={this.props.placeholder}
-        autoFocus="true"
+        autoFocus={true}
         value={this.state.text}
         onBlur={this.handleBlur}
         onChange={this.handleChange}

src/index.js

@@ -1,9 +1,9 @@
-import React from 'react'
-import {render} from 'react-dom'
-import App from './components/App'
+import React from 'react';
+import { createRoot } from 'react-dom/client';
+import App from './components/App';
 
-import 'todomvc-app-css/index.css'
+import 'todomvc-app-css/index.css';
 
-render(
-    <App />,document.getElementById('root')
-)
+const container = document.getElementById('root');
+const root = createRoot(container);
+root.render(<App />);