Функция сохранения WordPress не работает во внешнем интерфейсе

Я создаю собственный блок (тему) в WordPress Gutenberg и использую React, эта функциональность работает с функцией редактирования, которая является областью администрирования WP (это заставляет меня поверить, что код хорош), но не работает на интерфейс (веб-сайт), и я понятия не имею, что происходит. Это раздел галереи, где каждое видео воспроизводится при нажатии на него. Мой код ниже

  save: ({ attributes }) => {
      const { src, poster, text, thumbVideos} = attributes;
      const blockProps = useBlockProps.save( {
         className: 'pd-block pd-inline media-container',
     } );
      return (
         <section { ...blockProps }>
            <div className = "display-con display">
               <div className = "full-img" >
                  <video className = "displayed-video" controls src = {src} poster = {poster}></video>
                  <p className = "text">{text}</p> 
                  <div className = "overlay"></div> 
               </div>
               <div className = "thumb-bar-video">
                  {thumbVideos.map((thumbVideo, index) => (
                     <div className = "thumb-video-item" key = {index}>
                        <video src = {thumbVideo.src} poster = {thumbVideo.poster} text = {thumbVideo.text}></video>
                     </div>
                  ))}
               </div>
            </div>
         </section>
      );
   },

Я пытался найти блоки Гутенберга, но, к сожалению, не могу что-то найти.