React - Hook useMemo

use-memo.tsx

import React, { useMemo } from 'react';

function App() {

  const arr = [1, 2, 33, 4];
  // Memorize output as long as dependency array elements are not changed.
  const memiozedValue = useMemo(() => getLargestValue(), [arr]);

  function getLargestValue() {
    return Math.max(...arr);
  }

  return (
    <>
      <div>Array: {arr}</div>
      <div>Memiozed Value: {memiozedValue}</div>
    </>
  )
}

export default App;