reactjs – WP Gutenberg, ¿cómo pasar variables del backend (la función de guardar) al frontend (una aplicación React representada en la salida de la función de guardar)?

si tengo un Gutenberg bloque para el cual recopilo una cadena que ingresa el usuario, pero quiero usar esa cadena dentro de un react aplicación renderizada en la interfaz, ¿cómo puedo pasar esa cadena?

Definición de un bloque de Gutenberg

  save: ({ attributes }) => {
    window.thisVariableWillNotBeSeen = attributes
    console.log(window) // here `thisVariableWillNotBeSeen` is seen, in the frontend it is not
    return (
        <div id="test_react"></div>
    )
  },

Luego, un script en cola como tal (dentro de un complemento)

add_action('wp_enqueue_scripts', 'react_enqueue');
function react_enqueue()
{
    $asset_file = include(plugin_dir_path(__FILE__) . 'build/test.asset.php');

    wp_enqueue_script(
        'myBlock',
        plugins_url('build/test.js', __FILE__),
        $asset_file['dependencies'],
        $asset_file['version'],
        true
    );
}

Y scr/test.js

const { render } = wp.element
import { Test} from './components/test'

render(<Test />, document.getElementById(`test_react`))

Dentro export const Testsi veo allí console.log(window) No puedo ver la variable global que he añadido en el save función de antes

¿Cómo podría hacer esto?