Cannot overcome "ClientError: Unauthorized - Session not found" using Sanity in Next.js

Viewed 43
import React from 'react'
import { client } from '../lib/client';
import { Product, FooterBanner, HeroBanner } from '../components'
import banner from '../sanity_ecommerce/schemas/banner';

const Home = ({ products, bannerData }) => {
  return (
    <div>
      <HeroBanner heroBanner = {bannerData.length && bannerData[0]} />
      <div className='products-heading'>
        <h2>Best Selling Products</h2>
        <p>Speakers of many variations</p>
      </div>

      <div className='products-container'>
        {products?.map((product) => product.name)}
      </div>

      <FooterBanner />
    </div>

  )
};

export const getServerSideProps = async () => {
  const query = '*[_type == "product"]';
  const products = await client.fetch(query);

  const bannerQuery = '*[_type == "banner"]';
  const bannerData = await client.fetch(bannerQuery);

  return {
    props: { products, bannerData }
  }
}

export default Home;

Error:

Server Error

> ClientError: Unauthorized - Session not found>

This error happened while generating the page. Any console logs will be displayed in the terminal window.

> Call Stack
>
> onResponse  
>
> file:///C:/React%20Projects/New%20folder/ecommerce/node_modules/@sanity/client/lib/http/request.js (28:13)
applyMiddleware
file:///C:/React%20Projects/New%20folder/ecommerce/node_modules/get-it/lib-node/util/middlewareReducer.js (10:15)
onResponse
file:///C:/React%20Projects/New%20folder/ecommerce/node_modules/get-it/lib-node/index.js (80:22)
<unknown>
file:///C:/React%20Projects/New%20folder/ecommerce/node_modules/get-it/lib-node/index.js (50:55)
callback
file:///C:/React%20Projects/New%20folder/ecommerce/node_modules/get-it/lib-node/request/node-request.js (67:46)
<unknown>
file:///C:/React%20Projects/New%20folder/ecommerce/node_modules/get-it/lib-node/request/node-request.js (156:14)
DestroyableTransform.<anonymous>
file:///C:/React%20Projects/New%20folder/ecommerce/node_modules/simple-concat/index.js (8:13)
Object.onceWrapper
node:events (641:28)
DestroyableTransform.emit
node:events (539:35)
endReadableNT
file:///C:/React%20Projects/New%20folder/ecommerce/node_modules/readable-stream/lib/_stream_readab
0 Answers
Related