refactor: types

omBratteng · omBratteng · commit 7175721c27a8 · 2024-12-01T01:42:37.000+01:00
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -1,4 +1,5 @@
-import { Metadata } from 'next'
+import type { PropsWithChildren, ReactElement } from 'react'
+import type { Metadata } from 'next'
 import './globals.css'
 
 import { PageTitle } from 'components/PageTitle'
@@ -37,7 +38,7 @@ export const metadata: Metadata = {
 	},
 }
 
-export default function RootLayout({ children }: { children: React.ReactNode }) {
+export default function RootLayout({ children }: PropsWithChildren): ReactElement {
 	return (
 		<html lang="en" data-theme="dark">
 			<body className="pt-20">
diff --git a/app/page.tsx b/app/page.tsx
@@ -1,6 +1,7 @@
-import { Section } from 'components'
+import type { ReactElement } from 'react'
+import { Section } from 'components/Section'
 
-const Page = (): JSX.Element => (
+const Page = (): ReactElement => (
 	<Section title="About">
 		<div className="text-base md:text-xl hyphens-auto" itemScope itemType="https://schema.org/Person">
 			<span itemProp="name">Ole-Martin Bratteng</span> &mdash; Software Engineer. Located in the beautiful municipality
diff --git a/components/PageTitle.tsx b/components/PageTitle.tsx
@@ -2,8 +2,9 @@
 
 import Link from 'next/link'
 import { usePathname } from 'next/navigation'
+import type { ReactElement } from 'react'
 
-const PageTitle = (): JSX.Element => {
+const PageTitle = (): ReactElement => {
 	const pathName = usePathname()
 	const subTitle = pathName.substring(1)
 
diff --git a/components/Section.tsx b/components/Section.tsx
@@ -1,11 +1,10 @@
-import type { ReactNode } from 'react'
+import type { PropsWithChildren, ReactElement } from 'react'
 
-interface Props {
+type Props = {
 	title: string
-	children: ReactNode
-}
+} & PropsWithChildren
 
-const Section = ({ children, title }: Props): JSX.Element => (
+const Section = ({ children, title }: Props): ReactElement => (
 	<section className="flex flex-wrap px-4 mb-8 first-of-type:pt-0 last-of-type:pb-0 last-of-type:mb-0">
 		{title && (
 			<h2 className="mb-4 w-full text-2xl md:text-3xl">
diff --git a/components/index.ts b/components/index.ts
