I'm trying to trace and figure out the following code.

const strip2 = (object, path) => {
  const keys = [path];
  const pathArray = keys[0].split('.');

  pathArray.reduce((prevObj, key, index) => {
    if (!prevObj[key]) {
      return null;
    }
    if (Array.isArray(prevObj[key])) {
      return prevObj[key].map(item => strip2(item, pathArray[index + 1]));
    }
    if (index === pathArray.length - 1) {
      prevObj[key] = prevObj[key].replace('/hello', '');
    }
  }, object);

  return object;
};

strip2(
  {
    title: 'this is the title',
    menu: [
      {
        link: '/hello/contact',
        title: 'Contact Us',
      },
      {
        link: '/hello/faq',
        title: 'Faq',
      },
    ],
  },
  'menu.link'
);

\\ it will return
{
  title: 'this is the title',
  menu: [
    { link: '/contact', title: 'Contact Us' },
    { link: '/faq', title: 'Faq' }
  ]
}

As you can see, the replace function is only triggered by the recursive call which uses a new object but the original object is changed.