React separation of concern with GraphqQL

I am currently working on a React and Graphql project. I see that there is no clear separation of concern when the Graphql queries are embedded in the views itself.

This would be a challenge if one has to move from Graphql to a better data layer or REST API.

Has anyone been able to achieve clear separation of concern, more like a plug and play data layer with React and Graphql.

Any references or sample architecture would be appreciated.

Thanks in advance.