Brlaney/_app.tsx

## _app.tsx
import * as React from 'react'
import type { AppProps /*, AppContext */ } from 'next/app'
import Head from 'next/head'
import { useRouter } from 'next/router'
import { AnimatePresence } from 'framer-motion'
import theme from '@/lib/theme/theme'
import '@/styles/globals.scss'

export default function MyApp (props: AppProps) {
  const { Component, pageProps } = props
  const router = useRouter()

  return (
    <Head>
      <meta charSet='utf-8' />
      <meta name='viewport' content='width=device-width, initial-scale=1' />
      <meta name='keywords' content='keywords' />
      <meta name='description' content='description' />
      <title>title</title>
    </Head>
    <AnimatePresence>
      <Component {...pageProps} key={router.route} />
    </AnimatePresence>
  )
}
	import * as React from 'react'
	import type { AppProps /, AppContext / } from 'next/app'
	import Head from 'next/head'
	import { useRouter } from 'next/router'
	import { AnimatePresence } from 'framer-motion'
	import theme from '@/lib/theme/theme'
	import '@/styles/globals.scss'

	export default function MyApp (props: AppProps) {
	const { Component, pageProps } = props
	const router = useRouter()

	return (
	<Head>
	<meta charSet='utf-8' />
	<meta name='viewport' content='width=device-width, initial-scale=1' />
	<meta name='keywords' content='keywords' />
	<meta name='description' content='description' />
	<title>title</title>
	</Head>
	<AnimatePresence>
	<Component {...pageProps} key={router.route} />
	</AnimatePresence>
	)
	}