Chain push along with filter, map etc in JavaScript?

Question

I have a function which returns an array which has filter, sort and map. How can I push a new item into the array before its sorted?

When I try the following I get an error saying push isnt a function.

return (
  myArray
    .filter((item) => {
      return item.value > 2;
    })
    .push(newThiny) // This doesn't work
    .sort((a, b) => {
      if (a.name < b.name)
        return -1;
      if (a.name > b.name)
        return 1;
      return 0;
    })
    .map((item) => {
      return (
        <ChooseAnExercises
          key={item.name}
          name={item.name}
          active={item.active}
          setNumber={this.props.number}
          updateValue={this.props.updateValue}
        />
      )
    })
)

Answer 1

.push(newThiny) will return a number so .sort function will throw an error, since it doesn't work on numbers, only on arrays.

I would suggest you to use .concat instead.

.concat(newThiny).sort({ ... })

Answer 2

.push(newThiny) // This doesn't work

Push returns the length of the array rather than the array itself.

Rather than push try concat

.concat([newThiny])