ReactにてWarning: Each child in a list should have a unique "key" prop.のエラー

発生している問題・エラーメッセージ

Reactにて動的にフォームを追加する機能を作成しているのですがkeyのエラーが消えず困っております
mapで繰り返す要素の外側のタグに追加するという認識だったのですがどうやら違うみたいです
改善点を教えて頂けると助かります

エラーメッセージ
Warning: Each child in a list should have a unique "key" prop.

該当のソースコード

let count = 0

class BandCreate extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      forms: [0]
    };
    this.handleAddForm = this.handleAddForm.bind(this)
  }

  handleAddForm(e) {
    e.preventDefault()
    count++
    let forms = this.state.forms
    forms.push(count)
    console.log(forms)
    this.setState({
      forms: forms
    })
  }

  render() {
    return (
      <>
        {this.state.forms.map((form) =>
          <span key={form.toString()}>　　ここではないのでしょうか
            <div className="nested-fields">
              <label>メンバー名</label>
              <select name={`band[relationships_attributes][${form}][user_id]`}>
                {this.props.collections.map(collection => <option value={collection[1]}>{collection[0]}</option>)}
              </select>
              <label>パート</label>
              <select name={`band[relationships_attributes][${form}][part]`}>
                <option value="Vo1">Vo1</option>
                <option value="Vo2">Vo2</option>
                <option value="GtVo">GtVo</option>
                <option value="BaVo">BaVo</option>
                <option value="Gt1">Gt1</option>
                <option value="Gt2">Gt2</option>
                <option value="Ba">Ba</option>
                <option value="Dr">Dr</option>
                <option value="Key">Key</option>
                <option value="その他">その他</option>
              </select>

              <input value="false" type="hidden" name={`band[relationships_attributes][${form}][_destroy]`} />
            </div>
          </span>
        )}
        <button type="button" onClick={this.handleAddForm}>メンバーを追加</button>
      </>
    );
  }
}