solid-js reactivity eslint with functions

I'm getting the following warning:

This function should be passed to a tracked scope (like createEffect) or an event handler because it contains reactivity.eslintsolid/reactivity

<MyComponent
  onPriorityChanged={(priority) =>
    props.onTaskPriorityChanged(task.id, priority)
  }
  onStatusChanged={(status) =>
    props.onTaskStatusChanged(task.id, status)
  }
  onAssigned={(assigneeId) =>
    props.onTaskAssigned(task.id, assigneeId)
  }
/>

<MyComponent
  onPriorityChanged={(priority) =>
    props.onTaskPriorityChanged(task.id, priority)
  }
  onStatusChanged={(status) =>
    props.onTaskStatusChanged(task.id, status)
  }
  onAssigned={(assigneeId) =>
    props.onTaskAssigned(task.id, assigneeId)
  }
/>

What am I doing wrong here? I tried looking at the eslint-plugin docs but I'm not getting any wiser

SolidJS•4y ago•

5 replies

stiba

solid-js reactivity eslint with functions

I'm getting the following warning:

This function should be passed to a tracked scope (like createEffect) or an event handler because it contains reactivity.eslintsolid/reactivity

<MyComponent
  onPriorityChanged={(priority) =>
    props.onTaskPriorityChanged(task.id, priority)
  }
  onStatusChanged={(status) =>
    props.onTaskStatusChanged(task.id, status)
  }
  onAssigned={(assigneeId) =>
    props.onTaskAssigned(task.id, assigneeId)
  }
/>

<MyComponent
  onPriorityChanged={(priority) =>
    props.onTaskPriorityChanged(task.id, priority)
  }
  onStatusChanged={(status) =>
    props.onTaskStatusChanged(task.id, status)
  }
  onAssigned={(assigneeId) =>
    props.onTaskAssigned(task.id, assigneeId)
  }
/>

What am I doing wrong here? I tried looking at the eslint-plugin docs but I'm not getting any wiser

solid-js reactivity eslint with functions

Similar Threads

solid-js reactivity eslint with functions

Similar Threads

Similar Threads

Similar Threads