Events sent to Amplitude are not displayed

Hello, everyone.

Thank you for your help about my previous post. And I have another problem and I’d like anyone to help me for fixing this problem.

As each event is transmitted, there are images captured in sequence. Please check the attached captures.

I have sent 5 different events to Amplitude and checked them through the logs. However, events are displayed incorrectly in Amplitude via above captures.

Sometime not displaying or sometime displaying…

Maybe I think this is problem from Amplitude configuration.

This is source code for sending events to Amplitude:
 

const sendEvent = async (event) => {
  try {
    const properties = {
      "[Amplitude] Page Domain":
        (typeof window.location !== 'undefined' && window.location.hostname) || '',
      "[Amplitude] Page Location":
        (typeof window.location !== 'undefined' && window.location.href) || '',
      "[Amplitude] Page Path":
        (typeof window.location !== 'undefined' && window.location.pathname) || '',
      "[Amplitude] Page Title":
        (typeof window.document !== 'undefined' && window.document.title) || '',
      "[Amplitude] Page URL":
        (typeof window.location !== 'undefined' && window.location.href.split('?')[0]) || '',
      }

      amplitude.getInstance().logEvent(event, properties);
      console.log("event: ", event);
  } catch (err) {
    console.log("Error on log event.", err);
  }
}

What is causing the problem?

I hope someone can help me with this issue.

Thank you.