Don't work prop loadingComponent in defineAsyncComponent and don't work suspense-component

Hello.
Version 3.2.19 (also tried in 3.0.11)
I’m trying to make a loader(‘spinner-component’) during asynchronous component loading.
I tried 2 options in different configurations.

  1. The parameter of the ‘defineAsyncComponent’ - loadingComponent, did not work!

  2. The Suspense component with #default/#fallback templates also didn’t work!
    Shows asynchronous component first, without spinner-component when it(async component) loading.

Please show a working version of the code, and explain what I did wrong.
If this is a bug, please provide a link to the created problem in github to follow the solution.
My code variants(all variants don’t work!):

 <!-- FIRST VARIANT -->
   <template>
       <Suspense
           @fallback="someFunc('Suspense-fallback')"
           @pending="someFunc('Suspense-pending')"
           @resolve="someFunc('Suspense-resolve')"
       >
           <template #fallback >
               <Loading />
           </template>
           <template #default >
               <AsyncTable />
           </template>
       </Suspense>
   </template>
   <script>
       import Loading from "../../UI/Loading/Loading";
       import {defineAsyncComponent} from "vue";
       // first async variant
       const AsyncTable = defineAsyncComponent(
           () => import("../../Table/TestsComponents/TableTest1")
       );
       // second async variant
       const AsyncTable = defineAsyncComponent({
           loader: () => import("../../Table/TestsComponents/TableTest1" /* webpackChunkName: 'test-rep' */)
               .then((obj) => {
                   console.log('success', obj);
                   // without return loading component work,
                   // but don't work table, endless loading
                   return obj;
               })
               .catch(error => {
                   console.log('error', error);
               }),
           loadingComponent: Loading,
           // errorComponent: Loading,
           delay: 200,
           // timeout: 3000,
           // try "true" value also
           suspensible: false,
       });
   </script>
   <!-- SECOND VARIANT -->
   <template>
       <AsyncTable />
   </template>
   <script>
       import Loading from "../../UI/Loading/Loading";
       import {defineAsyncComponent} from "vue";
       // first async variant
       const AsyncTable = defineAsyncComponent(
           () => import("../../Table/TestsComponents/TableTest1")
       );
       // second async variant
       const AsyncTable = defineAsyncComponent({
           loader: () => import("../../Table/TestsComponents/TableTest1" /* webpackChunkName: 'test-rep' */)
               .then((obj) => {
                   console.log('success', obj);ng
                   return obj;
               })
               .catch(error => {
                   console.log('error', error);
               }),
           loadingComponent: Loading,
           // errorComponent: Loading,
           delay: 200,
           // timeout: 3000,
           // try "true" value also
           suspensible: false,
       });
   </script>