function doThing(target) {
console.log(myVar);
const myVar = target.prop;
}
Because that's invalid Javascript. React Hooks are just functions that return markup.If your goal is simply to see what it renders first, that's fine, you simply need to look at what the function returns.
I disagree with your assertion that LSFF is 'backwards' - it is simply not what you are used to.
MSFF could definitely be argued for class-based components, but it's simply not an option for hook-based components.