diff --git a/samples/react/src/components/GraphQL-Layout/index.js b/samples/react/src/components/GraphQL-Layout/index.js
index 76c68fcca9..3de9b07b76 100644
--- a/samples/react/src/components/GraphQL-Layout/index.js
+++ b/samples/react/src/components/GraphQL-Layout/index.js
@@ -2,7 +2,7 @@ import React from 'react';
 import { Placeholder, withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';
 
 const GraphQLLayout = ({ sitecoreContext, rendering }) => {
-  const disconnectedMode = sitecoreContext.itemId === 'available-in-connected-mode';
+  const disconnectedMode = sitecoreContext.route.layoutId === 'available-in-connected-mode';
 
   return (
     <div data-e2e-id="graphql-layout">