DemoOutput.js

// DemoOutput.js
import React from "react";
const DemoOutput = (props) => {
  // a sorting function that has some complex sorting algorithm
const sortedItems = props.items.sort((a,b) => {
  // some elaborate sorting algorithm
  return a-b;
})

  return (
    <div>
      <h3>{props.title}</h3>
      <ul>
        {sortedItems.map(item => {
          return <li>{item}</li>
        })}
        </ul>
    </div>
  );
};
export default React.memo(DemoOutput);