batur/Crisp.tsx

## _app.tsx
import type { AppProps } from 'next/app';
import dynamic from 'next/dynamic';

const Crisp = dynamic(() => import('../components/Crisp'), { ssr: false });

function MyApp({ Component, pageProps }: AppProps) {
  return (
    <SomeProvider>
      <Component {...pageProps} />
      <Crisp />
    </SomeProvider>
  );
}

export default MyApp;

## Crisp.tsx
import React, { useEffect } from 'react';

import Head from 'next/head';

declare global {
  interface Window {
    $crisp: any;
    CRISP_WEBSITE_ID: string;
  }
}

const Crisp = () => {
  useEffect(() => {
    window.$crisp = [];
    window.CRISP_WEBSITE_ID = "YOUR_WEBSITE_ID";
  });
  return (
    <Head>
      <script async src="https://client.crisp.chat/l.js" />;
    </Head>
  );
};

export default Crisp;
	import type { AppProps } from 'next/app';
	import dynamic from 'next/dynamic';

	const Crisp = dynamic(() => import('../components/Crisp'), { ssr: false });

	function MyApp({ Component, pageProps }: AppProps) {
	return (
	<SomeProvider>
	<Component {...pageProps} />
	<Crisp />
	</SomeProvider>
	);
	}

	export default MyApp;
	import React, { useEffect } from 'react';

	import Head from 'next/head';

	declare global {
	interface Window {
	$crisp: any;
	CRISP_WEBSITE_ID: string;
	}
	}

	const Crisp = () => {
	useEffect(() => {
	window.$crisp = [];
	window.CRISP_WEBSITE_ID = "YOUR_WEBSITE_ID";
	});
	return (
	<Head>
	<script async src="https://client.crisp.chat/l.js" />;
	</Head>
	);
	};

	export default Crisp;