Update array of signal by index, it does unfocus on typing

<For each={names()}>
        {(name, index) => (
          <div class={styles.inputGroup}>
            <input
              type="text"
              value={name}
              onInput={(e) => updateName(index(), e.target.value)}
              placeholder="Enter name"
              class={styles.input}
            />
          </div>
        )}
      </For>
      

<For each={names()}>
        {(name, index) => (
          <div class={styles.inputGroup}>
            <input
              type="text"
              value={name}
              onInput={(e) => updateName(index(), e.target.value)}
              placeholder="Enter name"
              class={styles.input}
            />
          </div>
        )}
      </For>
      

 const [names, setNames] = createSignal([''], { equals: false });

  const addName = () => {
    setNames([...names(), '']);
  };

  const updateName = (index: number, value: string) => {
    setNames((prev) => {
      const newNames = [...prev];
      newNames[index] = value;
      return newNames;
    });
  };

 const [names, setNames] = createSignal([''], { equals: false });

  const addName = () => {
    setNames([...names(), '']);
  };

  const updateName = (index: number, value: string) => {
    setNames((prev) => {
      const newNames = [...prev];
      newNames[index] = value;
      return newNames;
    });
  };