fix async timing issue with gasket data & app router (#1051)

* fix async timing issue with gasket data & app router

* changeset

Author: mmason2-godaddy

.changeset/hot-flowers-see.md

@@ -0,0 +1,5 @@
+---
+"@gasket/nextjs": patch
+---
+
+fix async timing issue with gasket data & app router

packages/gasket-nextjs/lib/layout/with-gasket-data.js

@@ -29,6 +29,7 @@ function lookupIndex(bodyChildren, index = -1) {
 export function withGasketData(gasket, options = { index: -1 }) {
   const { index } = options;
   return layout => async props => {
+    await gasket.isReady;
     const req = await request();
     const gasketData = req ? await gasket.actions.getPublicGasketData?.(req) ?? {} : {};
     const html = await layout({ ...props });

packages/gasket-nextjs/test/layout/with-gasket-data.test.js

@@ -15,6 +15,7 @@ describe('withGasketData', () => {
   beforeEach(async () => {
     mockPublicGasketData = { foo: 'bar' };
     mockGasket = {
+      isReady: new Promise(resolve => resolve()),
       actions: {
         getPublicGasketData: jest.fn(() => mockPublicGasketData)
       }