import React, { useMemo } from 'react';

function ExpensiveCalculationComponent({ num }) {
  const expensiveCalculation = (n) => {
    console.log('محاسبات سنگین در حال انجام است...');
    let result = 0;
    for (let i = 0; i < 1000000000; i++) {
      result += n;
    }
    return result;
  };

  const computedValue = useMemo(() => expensiveCalculation(num), [num]);

  return (
    <div>
      <h1>نتیجه محاسبات: {computedValue}</h1>
    </div>
  );
}