Leif Arriens leifarriens

## useDebounceEffect.ts
export function useDebounceEffect(
  effect: React.EffectCallback,
  delay = 500,
  deps?: React.DependencyList | undefined,
) {
  useEffect(() => {
    const debounce = setTimeout(() => {
      effect();
    }, delay);
    return () => clearTimeout(debounce);

## react-use-script.js
function useScript(id, src, options = {}) {
  const { persist = true, onLoad } = options;
  const [ready, setReady] = useState(false);

  useEffect(() => {
    const domScript = document.getElementById(id);

    if (!domScript) {
      const script = document.createElement('script');

## inferPropTypes.tsx
import type { GetServerSidePropsContext, InferGetServerSidePropsType } from 'next';
import Head from 'next/head';

const Home = ({ host }: InferGetServerSidePropsType<typeof getServerSideProps>) => {
  return (
    <>
      <Head>
        <title>Home Page</title>
      </Head>
	export function useDebounceEffect(
	effect: React.EffectCallback,
	delay = 500,
	deps?: React.DependencyList \| undefined,
	) {
	useEffect(() => {
	const debounce = setTimeout(() => {
	effect();
	}, delay);
	return () => clearTimeout(debounce);
	function useScript(id, src, options = {}) {
	const { persist = true, onLoad } = options;
	const [ready, setReady] = useState(false);

	useEffect(() => {
	const domScript = document.getElementById(id);

	if (!domScript) {
	const script = document.createElement('script');
	import type { GetServerSidePropsContext, InferGetServerSidePropsType } from 'next';
	import Head from 'next/head';

	const Home = ({ host }: InferGetServerSidePropsType<typeof getServerSideProps>) => {
	return (
	<>
	<Head>
	<title>Home Page</title>
	</Head>