diff --git a/src/adapters/nextjs.templates.ts b/src/adapters/nextjs.templates.ts
index 3f6c8e7..fce35bc 100644
--- a/src/adapters/nextjs.templates.ts
+++ b/src/adapters/nextjs.templates.ts
@@ -17,10 +17,11 @@ const SLICE_MARKUP = dedent`
 	)
 `;
 
-export function sliceTemplate(args: { name: string; typescript: boolean }): string {
-	const { name, typescript } = args;
+export function sliceTemplate(args: { name: string; id: string; typescript: boolean }): string {
+	const { name, id, typescript } = args;
 
 	const pascalName = pascalCase(name);
+	const pascalId = pascalCase(id);
 
 	const TS = dedent`
 		import { FC } from "react";
@@ -30,7 +31,7 @@ export function sliceTemplate(args: { name: string; typescript: boolean }): stri
 		/**
 		 * Props for \`${pascalName}\`.
 		 */
-		export type ${pascalName}Props = SliceComponentProps<Content.${pascalName}Slice>;
+		export type ${pascalName}Props = SliceComponentProps<Content.${pascalId}Slice>;
 
 		/**
 		 * Component for "${name}" Slices.
@@ -44,7 +45,7 @@ export function sliceTemplate(args: { name: string; typescript: boolean }): stri
 
 	const JS = dedent`
 		/**
-		 * @typedef {import("@prismicio/client").Content.${pascalName}Slice} ${pascalName}Slice
+		 * @typedef {import("@prismicio/client").Content.${pascalId}Slice} ${pascalName}Slice
 		 * @typedef {import("@prismicio/react").SliceComponentProps<${pascalName}Slice>} ${pascalName}Props
 		 * @type {import("react").FC<${pascalName}Props>}
 		 */
diff --git a/src/adapters/nextjs.ts b/src/adapters/nextjs.ts
index 37753c7..1a79433 100644
--- a/src/adapters/nextjs.ts
+++ b/src/adapters/nextjs.ts
@@ -48,6 +48,7 @@ export class NextJsAdapter extends Adapter {
 		const componentPath = new URL(`index.${extension}x`, appendTrailingSlash(sliceDirectory));
 		const contents = sliceTemplate({
 			name: model.name,
+			id: model.id,
 			typescript: await checkIsTypeScriptProject(),
 		});
 		await writeFileRecursive(componentPath, contents);