Uncaught TypeError: onToggle is not a function at onDoubleClick

[meenalmalhotra]

I am stuck at 59 minutes 30 seconds of tutorial video. Following the same steps as the tutorial but getting an error when I double Click on the task: Uncaught TypeError: onToggle is not a function at onDoubleClick (Task.js:5).

Pls help asap. Thanks.

[gladiatorgiftson]

Can you share your GitHub link for the code most probably it will be name error

[Eugene-2018]

import {FaTimes} from 'react-icons/fa'
const Task = ({task, onDelete, onToggle}) => {
return (
<div
className= {task ${task.reminder ? 'reminder' : ''}}
onDoubleClick={()=> onToggle(task.id)}>

{task.text} <FaTimes style = {{color:'red', cursor:'pointer'}} onClick={() => onDelete (task.id)} />

{task.day}

)
}
export default Task
facing the same issue here

[gladiatorgiftson]

${task.reminder ? 'reminder' : ''}`} onDoubleClick={()=> onToggle(task.id)}>

onToggle is passed as props inside it refers to toggleReminder function on app.js so see if you passed it correctly on app.js

[tiusoro]

Please any update on this....I am at this point and have experienced what you posted. Updates please. Thank you.

[tiusoro]

${task.reminder ? 'reminder' : ''}`} onDoubleClick={()=> onToggle(task.id)}>

onToggle is passed as props inside it refers to toggleReminder function on app.js so see if you passed it correctly on app.js

It has been passed properly on app.js also done console.log and only sees the error: Uncaught TypeError: onToggle is not a function

[gladiatorgiftson]

${task.reminder ? 'reminder' : ''}`} onDoubleClick={()=> onToggle(task.id)}>
onToggle is passed as props inside it refers to toggleReminder function on app.js so see if you passed it correctly on app.js

It has been passed properly on app.js also done console.log and only sees the error: Uncaught TypeError: onToggle is not a function

can i get the repo link to check the issue

[tiusoro]

https://github.com/tiusoro/tasktracker

${task.reminder ? 'reminder' : ''}`} onDoubleClick={()=> onToggle(task.id)}>
onToggle is passed as props inside it refers to toggleReminder function on app.js so see if you passed it correctly on app.js

It has been passed properly on app.js also done console.log and only sees the error: Uncaught TypeError: onToggle is not a function

can i get the repo link to check the issue

https://github.com/tiusoro/tasktracker