error – unhandledRejection: Error: Objects are not valid as a React child (found: [object Promise]

How we pass the props in the

Below code showing this err “error – unhandledRejection: Error: Objects are not valid as a React child (found: [object Promise]). If you meant to render a collection of children, use an array instead.”

  import React, { useEffect } from "react";
  import getConfig from 'next/config';
  import fetchUtility from 'utils/sFetchUtility';
  import axiosRetry from "axios-retry";
  import axios from "axios";
  const { publicRuntimeConfig } = getConfig();

  export default async function footerAjax(){

  let trendingTopicHeader = '';
   
    trendingTopicHeader = await 
    axios.get(`${publicRuntimeConfig.nodeLocal}getRedisData/NEWS18:new_fms_system`);
    console.log("hello =" + JSON.stringify(trendingTopicHeader))

    return (<h1>navreet</h1>
    )
   }