Trouble with Meteor Tutorial Todo App Step 7

been following these steps Meteor and keep getting this:


in my browser. everthing was working fine until this point. below is my body.js code. i ran meteor update but nothing changed…any ideas??

import { Template } from ‘meteor/templating’;
import { ReactiveDict } from ‘meteor/reactive-dict’;

import { Tasks } from ‘…/api/tasks.js’;

import ‘./task.js’;
import ‘./body.html’;

Template.body.onCreated(function bodyOnCreated() {
this.state = new ReactiveDict();
});

Template.body.helpers({
tasks() {
const instance = Template.instance();
if (instance.state.get(‘hideCompleted’)) {
// If hide completed is checked, filter tasks
return Tasks.find({ checked: { $ne: true } }, { sort: { createdAt: -1 } });
}
// Otherwise, return all of the tasks
return Tasks.find({}, { sort: { createdAt: -1 } }); // 4.3 show newest tasks at top
},
incompleteCount() {
return Tasks.find({ checked: { $ne: true } }).count();
},
});

Template.body.events({
‘submit .new-task’(event) {
// Prevent default browser form submit
event.preventDefault();

// Get value from form element
const target = event.target;
const text = target.text.value;

// Insert a task into the collection
Tasks.insert({
text,
createdAt: new Date(), // current time
});

// Clear form
target.text.value = ‘’;
},
‘change .hide-completed input’(event, instance) {
instance.state.set(‘hideCompleted’, event.target.checked);
},
});