diff --git a/examples/cms-contentful/components/date.js b/examples/cms-contentful/components/date.js
index e5426bc2cfbfdc7ebfcb8973db6a3cf96c9a8cd2..bc07e4baa8e951a9acf15470440b3d03c5663f8d 100644
--- a/examples/cms-contentful/components/date.js
+++ b/examples/cms-contentful/components/date.js
@@ -1,6 +1,6 @@
 import { format } from 'date-fns'
 
-export default function Date({ dateString }) {
+export default function DateComponent({ dateString }) {
   return (
     <time dateTime={dateString}>
       {format(new Date(dateString), 'LLLL	d, yyyy')}
diff --git a/examples/cms-contentful/components/hero-post.js b/examples/cms-contentful/components/hero-post.js
index b973d523a604b7471b5d297203640cf973445f9d..1d93fecf116f1297f91fcc049754d1052df1f9f5 100644
--- a/examples/cms-contentful/components/hero-post.js
+++ b/examples/cms-contentful/components/hero-post.js
@@ -1,6 +1,6 @@
 import Link from 'next/link'
 import Avatar from '../components/avatar'
-import Date from '../components/date'
+import DateComponent from '../components/date'
 import CoverImage from '../components/cover-image'
 
 export default function HeroPost({
@@ -24,7 +24,7 @@ export default function HeroPost({
             </Link>
           </h3>
           <div className="mb-4 md:mb-0 text-lg">
-            <Date dateString={date} />
+            <DateComponent dateString={date} />
           </div>
         </div>
         <div>
diff --git a/examples/cms-contentful/components/post-header.js b/examples/cms-contentful/components/post-header.js
index a3727c3b064c1c084ae000f62ed650efa32ef9fc..a8edc4383bc1a8c6f48e1b47c8ab3d5a0297ef2a 100644
--- a/examples/cms-contentful/components/post-header.js
+++ b/examples/cms-contentful/components/post-header.js
@@ -1,5 +1,5 @@
 import Avatar from '../components/avatar'
-import Date from '../components/date'
+import DateComponent from '../components/date'
 import CoverImage from '../components/cover-image'
 import PostTitle from '../components/post-title'
 
@@ -18,7 +18,7 @@ export default function PostHeader({ title, coverImage, date, author }) {
           {author && <Avatar name={author.name} picture={author.picture} />}
         </div>
         <div className="mb-6 text-lg">
-          <Date dateString={date} />
+          <DateComponent dateString={date} />
         </div>
       </div>
     </>
diff --git a/examples/cms-contentful/components/post-preview.js b/examples/cms-contentful/components/post-preview.js
index 81016ad50e31a23b01cd06820a246907a2c2dcff..f35bc1ae84d33d51ed03ee99848c44486ceaffb6 100644
--- a/examples/cms-contentful/components/post-preview.js
+++ b/examples/cms-contentful/components/post-preview.js
@@ -1,6 +1,6 @@
 import Link from 'next/link'
 import Avatar from '../components/avatar'
-import Date from '../components/date'
+import DateComponent from '../components/date'
 import CoverImage from './cover-image'
 
 export default function PostPreview({
@@ -22,7 +22,7 @@ export default function PostPreview({
         </Link>
       </h3>
       <div className="text-lg mb-4">
-        <Date dateString={date} />
+        <DateComponent dateString={date} />
       </div>
       <p className="text-lg leading-relaxed mb-4">{excerpt}</p>
       {author && <Avatar name={author.name} picture={author.picture} />}