구글링해서 공부 중 간단한 useState 코드 테스트 중인데요

app.js

import React from 'react';
import Counter from './Counter';

function App() {
  return (
    <Counter />
  );
}

export default App;

Counter.js

import React, { useState } from 'react';

function Counter() {
  const [number, setNumber] = useState(0);

  const onIncrease = () => {
    setNumber(number + 1);
  }

  const onDecrease = () => {
    setNumber(number - 1);
  }

  return (
    <div>
      <h1>{number}</h1>
      <button onClick={onIncrease}>+1</button>
      <button onClick={onDecrease}>-1</button>
    </div>
  );
}

export default Counter

실행 시켰을 때 Expo 어플에서는 아래 처럼 에러나고

Web 에서는 아래처럼 잘 동작합니다.

이런적이 몇 번 있었던 것 같은데 차이가 나는 이유가 뭘까요??