Change how we export the new CourseList component.

Author: feanil

frontend/src/index.jsx

@@ -1,4 +1,4 @@
-import customCourseListPlugin from './plugin'
+import CourseList from './plugin'
 
 /* If we want to add more plugins, we would import them above and then add them to the list of exports below. */
-export {customCourseListPlugin}
+export {CourseList}

frontend/src/plugin.jsx

@@ -1,5 +1,7 @@
-function customCourseListPlugin(courseListData) {
+import React from 'react';
 
+const CourseList = ({courseListData}) => {
+  // Extract the "visibleList"
   const courses = courseListData.visibleList;
   // Render a list of course names
   return (
@@ -12,3 +14,5 @@ function customCourseListPlugin(courseListData) {
     </div>
   )
 }
+
+export default CourseList;