JS: get current post format in Gutenberg edit screen to display/hide metafields

Hi,

I am trying to make some old jQuery code to work with Gutenberg and I am struggling with how to get the appropriate data when it becomes available.

Basically I need to read the current post format and display/hide metaboxes based on the post format.

Currently I enqueue admin.js file in backend. There is (jQuery) code which checks for the post format:

jQuery(document).ready(function($) {
var active_format = $('input:radio[name=post_format]:checked').val();
/*... run the function to add display:none to all non-relevant metaboxes */
}

Basically just checking radio button to find post format on document ready…
Gutenberg uses select box now, but even if I adapt the js code to check the select value, the value is always undefined on .ready.

I also know understand this isn’t probably the best route to go, as I should probably be looking at the data which I can get in console with:
wp.data.select( 'core/editor' ).getEditedPostAttribute( 'format' );

But I am facing the same issue here, i can’t get this data on page load.
I could probably get this working with setTimeout(), but I’ll probably end up quitting my job out of shame if I use this in production… ??

I am not using web-pack or anything for js compilation (it is an older project with lots of various jQuery code).

TLDR; The questions that I am struggling with are:
1. How do I get the various post settings on Gutenberg edit page screen into a javascript variable, so I can run a function or two?
2. How do I listen to changes of “states” the right way and fire custom functions when needed?

Thank you!