useMemo is a Hook that memoizes the result of a function to avoid recomputing it on every render. It is used to optimize performance, especially in situations where expensive operations should not run on every render.

useMemo example:

          {`import React, { useMemo } from "react";
          
          function MyComponent() {
            const expensiveCalculation = () => {
              console.log("Calculating...");
              return 2 + 2;
            };
            
            const result = useMemo(expensiveCalculation, []);
            
            return (
              

                
Result: {result}
              
            );
          }
          
          export default MyComponent;`}