Canvas Group causes Non-Interactable UI Elements

I am currently trying to make a menu system for my game that involves enabling and disabling blank images containing each menu.
Upon figuring out that I cant just disable and enable all the children without having to do each individual one, I then added a canvas group to each image, thus allowing me to control its visibility & intractability.

Though I ran into a snag with upon adding the component, I cannot click on the menu buttons anymore.
I went to this forum post and checked off the step by step list.

  • Make sure the graphic has “raycastTarget” set to True.
  • Make sure the button has its “interactable” set to True.

    Done and Done
- If there's a nested canvas in the button's parent, that canvas also needs GraphicsRaycaster. 
![](https://i.imgur.com/CCR31Nc.png) 
**Checked and Done**

And yes, I do have an event system, the Buttons were already working before I added the canvas groups.
![](https://i.imgur.com/1phGFP7.png) 

But despite doing all of this, my buttons still cannot be hovered or clicked on. I honestly am not sure why this is happening, but am pretty sure its something really basic I am missing.

Hello, it seems like you’re not using UI Toolkit, so the best place to ask your question is this other forum about UGUI: Unity Engine - Unity Discussions

Oh sorry, my mistake, Im new to all of this UI stuff and didnt know the difference. I will go ahead and post over there
thanks!