title: Uncaught TypeError: Cannot read properties of undefined (reading 'bind')
body: <p>I am trying to work on functionality that will be able to drag multiple divs and combine it is as one (the contents in it) and drop it into the other column. In trying to do so I put a functionality check which is identifying basically which div should be changed and whether it gets merged or not. I am getting this error while setting the value in my state. I try a few ways but it's somehow showing this error. This will be passed as a prop to another child component. Can please him in identifying the problem.</p>
  <p>Thanks in advance.</p>
  <p><a href="https://i.stack.imgur.com/7QBjb.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/7QBjb.png" alt="enter image description here" /></a></p>
  <p><a href="https://i.stack.imgur.com/eOeYL.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/eOeYL.png" alt="enter image description here" /></a></p>
  <pre><code>
  const finalValueUpdate = (
    finalValue, 
    task, 
    column, 
    selectedTaskIds, 
    tasks) =&gt; {
    if (finalValue === false &amp;&amp; column.id == 'done') {
      console.log('check1');
      this.setState({ bigFinalValue: task.word }).bind(this);
    }
    else if(
      column.id == 'done' &amp;&amp; 
      selectedTaskIds.length &gt; 1 &amp;&amp; 
      typeof bigFinalValue !== 'undefined') {
      console.log('check2');
      tasks.map((task, index) =&gt; {
        if(selectedTaskIds.includes(task.id)) {
          this.bigFinalValue += task.word + ' ';
          }
        })
    }
  
  }
  
  export default class Column extends Component&lt;Props&gt; {
    state = {
      selectedTaskIds: this.props.selectedTaskIds,
      finalValue: this.props.finalValue,
      bigFinalValue: '',
    };
  
  
    componentDidUpdate(prevProps: Props) {
      if (prevProps.selectedTaskIds !== this.props.selectedTaskIds) {
        this.setState({ selectedTaskIds: this.props.selectedTaskIds });
      }
    };
  
  
    render() {
      const column = this.props.column;
      const tasks = this.props.tasks;
      const selectedTaskIds = this.props.selectedTaskIds;
      const draggingTaskId = this.props.draggingTaskId;
      const finalValue = this.props.finalValue;
      
      return (
        &lt;Container&gt;
          &lt;Title&gt;{column.title}&lt;/Title&gt;
          &lt;Droppable droppableId={column.id} isCombineEnabled={true}&gt;
            {(provided, snapshot) =&gt; (
              &lt;TaskList
                ref={provided.innerRef}
                isDraggingOver={snapshot.isDraggingOver}
                {...provided.droppableProps}
              &gt;
                {tasks.map((task, index) =&gt; {
                  const isSelected = Boolean(
                    getSelectedMap(selectedTaskIds)[task.id]
                  );
                  const isGhosting =
                    isSelected &amp;&amp;
                    Boolean(draggingTaskId) &amp;&amp;
                    draggingTaskId !== task.id;
                  
  
                  if (finalValue === false &amp;&amp; column.id == 'done') {
                    console.log('check1');
                    this.setState({ bigFinalValue: task.word }).bind(this);
                    console.log(this.state.bigFinalValue);
                  }
                  else if(
                    column.id == 'done' &amp;&amp; 
                    selectedTaskIds.length &gt; 1 &amp;&amp; 
                    typeof bigFinalValue !== 'undefined') {
                    console.log('check2');
                    tasks.map((task, index) =&gt; {
                      if(selectedTaskIds.includes(task.id)) {
                        this.bigFinalValue += task.word + ' ';
                        }
                      })
                  } 
  
                  console.log(&quot;selectedTaskIds&quot;, selectedTaskIds);
                  console.log('finalValue', finalValue);
                  console.log('bigFinalValue', this.bigFinalValue);
                  // for the console log of data incoming from the server
                  console.log(&quot;==&gt;&quot;, tasks);
  
                  return (
                    &lt;Task
                      task={task}
                      columnId = {this.props.column.id}
                      index={index}
                      key={task.id}
                      selectedTaskArray = {tasks}
                      finalValue = {finalValue}
                      isSelected={isSelected}
                      isGhosting={isGhosting}
                      selectionCount={selectedTaskIds.length}
                      selectedTaskIds={selectedTaskIds}
                      bigFinalValue = {this.bigFinalValue}
                      toggleSelection={this.props.toggleSelection}
                      toggleSelectionInGroup={this.props.toggleSelectionInGroup}
                      multiSelectTo={this.props.multiSelectTo}
                    /&gt;
                  );
                })}
                {provided.placeholder}
              &lt;/TaskList&gt;
            )}
          &lt;/Droppable&gt;
        &lt;/Container&gt;
      );
    }
  }
  
  </code></pre>