working graphQL but not as exported func with return statement of same query [9:51am]

[frankcollins3]

attempting to do: take a working graphQL query and modularize it by: declaring it elsewhere in a func that takes the same {user & password} endpoints as params populates those into the query with string interpolation

error: Expected name, found @

browser logs:

proposed approach: 0: walk things back to an abstract definition of the params.

1: .log() the query and find discrepancy

[frankcollins3]

const returnLoginQuery = userLoginQueryStringFunc("tonyhawk@gmail.com", "birdman900"):

   query {
         userLogin(email: tonyhawk@gmail.com, password: birdman900 ) {      
           username,
           password,
           email,
           age,
           icon,
           token          
         }
       }

hand written query:

           body: JSON.stringify({
             query: `
               query {
                 userLogin(email: "tonyhawk@gmail.com", password: "birdman900" ) {      
                   username,
                   password,
                   email,
                   age,
                   icon,
                   token          
                 }
               }
             `,
           }),
         })

[9:55am]

[frankcollins3]

👎 query: query { ${returnLoginQuery} } , [9:59pm]

[frankcollins3]

chatGPT pitched a hand they have to be wrapped in double quotes [10:07am]