Unauthenticated graphql admin api request results in a `GraphQL Client: Unauthorized` error

[javangriff]

Starting with a fresh app, making an unauthenticated admin request as below, where example.myshopify.com is the shop url of a store where the app has been successfully installed, results in a GraphQL Client: Unauthorized error.

import { ActionFunctionArgs } from "@remix-run/node";
import { unauthenticated } from "../shopify.server";

export async function action({ request }: ActionFunctionArgs) {
 const { admin } = await unauthenticated.admin("example.myshopify.com");

 const response = await admin.graphql(
   `#graphql
     mutation populateProduct($input: ProductInput!) {
       productCreate(input: $input) {
         product {
           id
         }
       }
    }`,
    { variables: { input: { title: "Product Name" } } }
  );

 const productData = await response.json();
 return json({ data: productData.data });
}

[lizkenyon]

Hi there 👋

I was not able to reproduce your error.

Could you confirm that your app has the required scopes to make that GraphQL mutation? (write_products).

[javangriff]

Hi @lizkenyon thanks for taking a look!

Yep, it does have the write_products scope. I scaffolded the app using the shopify app init command and added a route with the above graphql query, so everything is pretty standard other than that.

[sle-c]

Hi @javangriff,

I've tried to replicate the issue by creating a new remix app, installing to my dev shop, and adding a new route with the code you shared. The unauthenticated request worked fine. Is there any reason you use unauthenticated instead of authenticate?