How to customize or detect the loading state in Flexmonster

Hi flexmonster team,In my Next.js 15.2.5 (page router) project, I’m using Flexmonster like this:

<FlexmonsterPivot

  ref={flexmonsterRef}

  key={cropId}

  toolbar={true}

  height={600}

  report={

    cropIdFromSelectView || cropId

      ? {

          dataSource: {

            type: "api",

            url: "/api/observation/pivot",

            index: cropIdFromSelectView

              ? cropIdFromSelectView

              : cropId,

          },

        }

      : {}

  }

  beforetoolbarcreated={customizeToolbar}

  licenseKey={flexmonsterAccess}

/>

I want to do one of these two things:

     - Customize the loading box and show my own text to the user,

     or

     - Read the loading status, so I can display a custom message on the page when it’s loading

Right now, my flexmonsterRef looks like this:
flexmonsterRef : {current:{ retry:f() }}

How can I access the loading state or customize the loading box?

Thank you for your support and time!