Почему функция вызывается два раза в nextJS/ReactJS?

page.js

'use client'
import { useState } from "react"
import Task from "./components/task"

Array.prototype.appEnd = function(element){
  this[this.length] = element
}

export default function Main(){
  const [arr, setArr] = useState([1,1])
  arr.appEnd('2') // <-- вызывается 2 раза
  console.log(arr) // <-- вызывается 2 раза
  return(
      <>
      </>
  )
}

Консоль

page.js:12 (3) [1, 1, '2']
page.js:12 (4) [1, 1, '2', '2']

Пробовал React stict mode, не помогло