How to write an effect that depends on a store property?

I would like to scroll to the bottom of the list every time a list changes.
My list is a property of a store. I would like to write something like

  createEffect(
    on([props.list], () => {
      scrollIntoView();
    })
  );

  createEffect(
    on([props.list], () => {
      scrollIntoView();
    })
  );

  createEffect(
    on([props.list], () => {
      scrollIntoView();
    })
  );

  createEffect(
    on([props.list], () => {
      scrollIntoView();
    })
  );

but

on

on

on

on only accepts type

Accessor

Accessor

Accessor

Accessor. Is there another way to do this?