ReferenceError: indexedDB is not defined

[Yaroslavmyronov]

I have a problem when I first initialize the project it gives an error [ReferenceError: indexedDB is not defined]

'use client';

import { AuthManager } from '@/features/connect-wallet/ui/AuthManager';
import { apiFetch } from '@/shared/api/fetchInstance';
import { monadTestnet } from '@/shared/config/wagmi/chains';
import { wagmiConfig } from '@/shared/config/wagmi/wagmiConfig';
import { useGlobalState } from '@/shared/store/useGlobalState';
import { darkTheme, RainbowKitProvider } from '@rainbow-me/rainbowkit';

import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
import { ReactNode, useEffect, useRef, useState } from 'react';
import { Address } from 'viem';
import { cookieToInitialState, WagmiProvider } from 'wagmi';
import { WebSocketProvider } from './webSocketProvider';
interface ProvidersProps {
children: ReactNode;
cookie: string;
}

export const Providers = ({ children, cookie }: ProvidersProps) => {
const [queryClient] = useState(() => new QueryClient());
const initialState = cookieToInitialState(wagmiConfig, cookie);
return (
<WagmiProvider
config={wagmiConfig}
{...(initialState ? { initialState } : {})}
>


<RainbowKitProvider
appInfo={{
appName: 'Trade Lock',
}}
initialChain={monadTestnet.id}
modalSize="compact"
theme={darkTheme({
...darkTheme.accentColors.purple,
})}
>

{children}




);
};

import { BuyModal } from '@/features/nft-buy';
import { DelistModal } from '@/features/nft-delist';
import { Header } from '@/widgets/header';
import { HistoryModal } from '@/widgets/history';
import { MyTrades } from '@/widgets/my-trades';
import { TradeModal } from '@/widgets/trade-modal';
import '@rainbow-me/rainbowkit/styles.css';
import '@shared/styles/globals.css';
import type { Metadata } from 'next';
import { headers } from 'next/headers';
import { Toaster } from 'react-hot-toast';
import { Providers } from './providers';
export const metadata: Metadata = {
title: 'Trade Lock',
description: 'A decentralized NFT trading platform',
};

export default async function Layout({
children,
}: Readonly<{
children: React.ReactNode;
}>) {
return (


<Providers cookie={(await headers()).get('cookie') ?? ''}>

{children}

);
}