diff --git a/src/App.js b/src/App.js
index 48f0fa8..2682e3d 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,7 +1,7 @@
 import React, { useState, useRef, useEffect } from "react";
-import Form from "./components/Form";
-import FilterButton from "./components/FilterButton";
-import Todo from "./components/Todo";
+import Form from "./components/Form.js";
+import FilterButton from "./components/FilterButton.js";
+import Todo from "./components/Todo.js";
 import { nanoid } from "nanoid";
 
 
diff --git a/src/index.js b/src/index.js
index 28cd902..e65a800 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,7 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 import './index.css';
-import App from './App';
+import App from './App.js';
 
 const DATA = [
     { id: "todo-0", name: "Eat", completed: true},