RegExp (Task "mini-linter")

Hi all!
I’ve finished this project.

In the end I tried to replace word “the” with the word “AMAZING”.

let story = 'Last weekend, I took literally the most beautiful bike ride of my life. The route is called "The 9W to Nyack" and it actually stretches all the way from Riverside Park in Manhattan to South Nyack, New Jersey. It\'s really an adventure from beginning to end! It is a 48 mile loop and it basically took me an entire day. I stopped at Riverbank State Park to take some extremely artsy photos. It was a short stop, though, because I had a really long way left to go. After a quick photo op at the very popular Little Red Lighthouse, I began my trek across the George Washington Bridge into New Jersey.  The GW is actually very long - 4,760 feet! I was already very tired by the time I got to the other side.  An hour later, I reached Greenbrook Nature Sanctuary, an extremely beautiful park along the coast of the Hudson.  Something that was very surprising to me was that near the end of the route you actually cross back into New York! At this point, you are very close to the end.';

let theMostUsed = ['the'];

const replaceOverused = (text, words) => {
    theMostUsed.forEach( word => {
      text = text.replace(/^the$/gi, 'AMAZING')
  });
      return text;
}

console.log(replaceOverused(story, theMostUsed));

Code above doesn’t work. I found out that symbols ^ and $ don’t let it works properly.
But this works.
Without ^ and $ I will get the word oAMAZINGer instead of “other”.
Would you explain why doesn’t regexp work?

And I have managed to solve the problem in another way:

let story = the same story...;

let theMostUsed = ['the', 'I'];

const replaceOverused = (text, words) => {
    theMostUsed.forEach( word => {
      let pattern = new RegExp('\\b' + word + '\\b', 'gi'); 
      text = text.replace(pattern, 'AMAZING')
  });
      return text;
}

console.log(replaceOverused(story, theMostUsed));