ACF Wordpress отображает проблему с коротким кодом изображения

Question

Я пытаюсь отобразить изображение на домашней странице с помощью шорткода и ACF.

Проблема, с которой я столкнулся, заключается в том, что код извлекает данные для правильного сообщения, но отображает строку текста с адресом изображения, а не изображение. Когда я просматриваю исходный код страницы, кажется, что тег img не работает.

Это код, который у меня есть. Мы будем благодарны за любые советы.

function grab_home_image_init(){
    add_shortcode( 'grab_home_image', 'grab_home_image_cb' );
}
add_action('init', 'grab_home_image_init');


function grab_home_image_cb() { 

        extract( shortcode_atts(
            array(
                'numberposts' => 1,
                'post_type' => 'project',
            ),
            $atts,
            'grab_home_image'
        ) );

    $args = array (
            'post_type' => $post_type,
            'numberposts' => $numberposts, 
    );

    $ML_home_image = get_posts( $args );

    if( ! empty( $ML_home_image ) ){
        foreach ( $ML_home_image as $p ){
            $output = '<img src="' . the_field('main_image',$p->ID) . '">';
        }
    }
    return $output ?? '<strong>Error</strong>';
}