Template doesn't react to property change in store of array of objects

// user: { name: string }

const [users, setUsers] = createStore([{ name: "some user" }]);
const [userName, setUserName] = createSignal("");

currUser = users[0];
setUserName("newName")

// Store update, method 1:
setUsers((user) => user === currUser, "name", userName());
// Store update, method 2:
setUsers(
  produce((users) => {
    const user = users.find((user) => user === currUser);
    if (user) {
      user.name = userName();
    }
  }),
);

// JSX:
      <For each={users}>
        {(user, index) => {
          return (
            <div>
                {`${user.name}`}
            </div>
          );
        }}
      </For>