My Shopify app is ready to submit except the automated checks in the Partner dashboard don’t recognise that it uses session tokens.
During this period, I’ve been testing my app daily within the development store and manually triggering data submissions to validate the process.
I have been waiting for a week, but this check seems never to have been carried out
I use the latest version of Shopify CLI to create App through the “shopify app init” command
I have checked the developer tools, and in fact, every request I make includes the Authorization header in the request headers.
The following are some of my code snippets
app.tsx
import React, { useState, useEffect, Suspense } from "react";
import type { HeadersFunction, LoaderFunctionArgs } from "@remix-run/node";
import { Link, Outlet, useLoaderData, useRouteError } from "@remix-run/react";
import { boundary } from "@shopify/shopify-app-remix/server";
import { AppProvider } from "@shopify/shopify-app-remix/react";
import { NavMenu } from "@shopify/app-bridge-react";
import polarisStyles from "@shopify/polaris/build/esm/styles.css?url";
import { authenticate } from "../shopify.server";
import { I18nextProvider } from "react-i18next";
import i18n from "../src/locales/i18n";
import { FullScreenLoader } from "../components/FullScreenLoader";
import { useTranslation } from "react-i18next";
import { useAppBridge } from "@shopify/app-bridge-react";
export const links = () => [{ rel: "stylesheet", href: polarisStyles }];
export const loader = async ({ request }: LoaderFunctionArgs) => {
await authenticate.admin(request);
return { apiKey: process.env.SHOPIFY_API_KEY || "" };
};
export default function App() {
const { apiKey } = useLoaderData<typeof loader>();
const { t } = useTranslation();
const [isI18nReady, setIsI18nReady] = useState(i18n.isInitialized);
const shopify = useAppBridge();
useEffect(() => {
const initI18n = async () => {
if (!i18n.isInitialized) {
try {
await i18n.init();
} catch (error) {
console.error("i18n initialization failed:", error);
}
}
setIsI18nReady(true);
};
initI18n();
}, []);
if (!isI18nReady) return <FullScreenLoader information="Initializing..." />;
return (
<Suspense fallback={<FullScreenLoader information="Loading translations..." />}>
<I18nextProvider i18n={i18n}>
<AppProvider isEmbeddedApp apiKey={apiKey}>
<NavMenu>
<Link
to="/app"
rel="Home"
>
{t("public.home")}
</Link>
<Link
to="/app/sticky_social_bar"
onClick={() => {
shopify.loading(true);
}}>
{t("public.sticky")}
</Link>
</NavMenu>
<Outlet />
</AppProvider>
</I18nextProvider>
</Suspense>
);
}
// Shopify needs Remix to catch some thrown responses, so that their headers are included in the response.
export function ErrorBoundary() {
return boundary.error(useRouteError());
}
export const headers: HeadersFunction = (headersArgs) => {
return boundary.headers(headersArgs);
};
shopify.server.ts
import "@shopify/shopify-app-remix/adapters/node";
import {
ApiVersion,
AppDistribution,
shopifyApp,
} from "@shopify/shopify-app-remix/server";
import { PrismaSessionStorage } from "@shopify/shopify-app-session-storage-prisma";
import prisma from "./db.server";
const shopify = shopifyApp({
apiKey: process.env.SHOPIFY_API_KEY,
apiSecretKey: process.env.SHOPIFY_API_SECRET || "",
apiVersion: ApiVersion.January25,
scopes: process.env.SCOPES?.split(","),
appUrl: process.env.SHOPIFY_APP_URL || "",
authPathPrefix: "/auth",
sessionStorage: new PrismaSessionStorage(prisma),
isEmbeddedApp:true,
distribution: AppDistribution.AppStore,
future: {
unstable_newEmbeddedAuthStrategy: true,
removeRest: true,
},
...(process.env.SHOP_CUSTOM_DOMAIN
? { customShopDomains: [process.env.SHOP_CUSTOM_DOMAIN] }
: {}),
});
export default shopify;
export const apiVersion = ApiVersion.January25;
export const addDocumentResponseHeaders = shopify.addDocumentResponseHeaders;
export const authenticate = shopify.authenticate;
export const unauthenticated = shopify.unauthenticated;
export const login = shopify.login;
export const registerWebhooks = shopify.registerWebhooks;
export const sessionStorage = shopify.sessionStorage;
package.json
"dependencies": {
"@ant-design/icons": "^6.0.0",
"@dnd-kit/core": "^6.3.1",
"@dnd-kit/sortable": "^10.0.0",
"@prisma/client": "^6.2.1",
"@remix-run/dev": "^2.16.1",
"@remix-run/fs-routes": "^2.16.1",
"@remix-run/node": "^2.16.1",
"@remix-run/react": "^2.16.1",
"@remix-run/serve": "^2.16.1",
"@shopify/app-bridge-react": "^4.1.8",
"@shopify/polaris": "^12.0.0",
"@shopify/shopify-app-remix": "^3.7.0",
"@shopify/shopify-app-session-storage-prisma": "^6.0.0",
"@types/lodash-es": "^4.17.12",
"@types/react-i18next": "^7.8.3",
"antd": "^5.24.7",
"antd-style": "^3.7.1",
"i18next": "^25.0.0",
"isbot": "^5.1.0",
"libphonenumber-js": "^1.12.7",
"lodash-es": "^4.17.21",
"prisma": "^6.2.1",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-i18next": "^15.4.1",
"use-debounce": "^10.0.4",
"vite-tsconfig-paths": "^5.0.1"
},
"devDependencies": {
"@remix-run/eslint-config": "^2.16.1",
"@remix-run/route-config": "^2.16.1",
"@shopify/api-codegen-preset": "^1.1.1",
"@types/eslint": "^9.6.1",
"@types/i18next-browser-languagedetector": "^2.0.2",
"@types/lodash": "^4.17.16",
"@types/node": "^22.2.0",
"@types/react": "^18.2.31",
"@types/react-dom": "^18.2.14",
"eslint": "^8.42.0",
"eslint-config-prettier": "^10.0.1",
"i18next-browser-languagedetector": "^8.0.5",
"prettier": "^3.2.4",
"typescript": "^5.2.2",
"vite": "^6.2.2"
},
I’ve already disabled all Chrome browser extensions, including ad blockers, to prevent them from interfering with the data submission results, but it doesn’t seem to have made any difference.
I’m currently feeling quite confused and unsure of the steps I need to take to proceed with the application submission review process. Could the support team kindly provide me with the necessary assistance? If any documents are required from my side, please let me know.