Modal popup does not load on button click

Question

I am trying to open a modal popup after a click of a button but I am getting the following error:

It clicks on the button but somehow does not load the popup after the button click event.

test.only('Create Template', async({ page })=>{

  await page.goto('http://localhost:3000');
  await page.click('text=Templates');
  await page.click('text=Create Template');
  await page.waitForURL('http://localhost:Templates');

  });

racing.stop
— 1ms
browserContext.newPage
— 272ms
page.goto
(localhost:3000)
— 990ms
locator.click
(text=Templates)
— 206ms
locator.click
(text=Create Template)
— 476ms
page.waitForURL()
waiting for navigation to "http://localhost:Templates" until "load"