From 94095b064ec1e76e9dea810b6152a76182fabfd4 Mon Sep 17 00:00:00 2001
From: Rico Kahler <ricokahler@me.com>
Date: Thu, 17 Dec 2020 16:40:58 -0500
Subject: [PATCH] Update example for CI

---
 examples/next-data-hooks-example/pages/blogs/[slug].ts    | 4 ++--
 examples/next-data-hooks-example/pages/blogs/index.ts     | 4 ++--
 .../next-data-hooks-example/routes/blogs/blog-post.tsx    | 4 +++-
 examples/next-data-hooks-example/routes/blogs/index.tsx   | 8 +++++---
 4 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/examples/next-data-hooks-example/pages/blogs/[slug].ts b/examples/next-data-hooks-example/pages/blogs/[slug].ts
index b318d5cf..4a07cfe4 100644
--- a/examples/next-data-hooks-example/pages/blogs/[slug].ts
+++ b/examples/next-data-hooks-example/pages/blogs/[slug].ts
@@ -1,6 +1,6 @@
 import { getDataHooksProps } from 'next-data-hooks';
 import { GetStaticProps } from 'next';
-import BlogPost, { useBlogPost } from 'routes/blogs/blog-post';
+import BlogPost from 'routes/blogs/blog-post';
 import getBlogPosts from 'helpers/get-blog-posts';
 
 export const getStaticPaths = async () => {
@@ -14,7 +14,7 @@ export const getStaticPaths = async () => {
 export const getStaticProps: GetStaticProps = async (context) => {
   const dataHooksProps = await getDataHooksProps({
     context,
-    hooks: [useBlogPost],
+    dataHooks: BlogPost.dataHooks,
   });
 
   return {
diff --git a/examples/next-data-hooks-example/pages/blogs/index.ts b/examples/next-data-hooks-example/pages/blogs/index.ts
index 5b789dca..12c66718 100644
--- a/examples/next-data-hooks-example/pages/blogs/index.ts
+++ b/examples/next-data-hooks-example/pages/blogs/index.ts
@@ -1,11 +1,11 @@
 import { GetStaticProps } from 'next';
 import { getDataHooksProps } from 'next-data-hooks';
-import BlogPostIndex, { useBlogPostIndex } from 'routes/blogs/index';
+import BlogPostIndex from 'routes/blogs/index';
 
 export const getStaticProps: GetStaticProps = async (context) => {
   const dataHooksProps = await getDataHooksProps({
     context,
-    hooks: [useBlogPostIndex],
+    dataHooks: BlogPostIndex.dataHooks,
   });
 
   return {
diff --git a/examples/next-data-hooks-example/routes/blogs/blog-post.tsx b/examples/next-data-hooks-example/routes/blogs/blog-post.tsx
index b4d7c2fa..be70e11a 100644
--- a/examples/next-data-hooks-example/routes/blogs/blog-post.tsx
+++ b/examples/next-data-hooks-example/routes/blogs/blog-post.tsx
@@ -2,7 +2,7 @@ import Link from 'next/link';
 import { createDataHook } from 'next-data-hooks';
 import getBlogPosts from 'helpers/get-blog-posts';
 
-export const useBlogPost = createDataHook('BlogPost', async (context) => {
+const useBlogPost = createDataHook('BlogPost', async (context) => {
   const slug = context.params?.slug as string;
   const blogPosts = await getBlogPosts();
   const blogPost = blogPosts.find((blogPost) => blogPost.slug === slug)!;
@@ -24,4 +24,6 @@ function BlogPost() {
   );
 }
 
+BlogPost.dataHooks = [useBlogPost];
+
 export default BlogPost;
diff --git a/examples/next-data-hooks-example/routes/blogs/index.tsx b/examples/next-data-hooks-example/routes/blogs/index.tsx
index e9e278ce..be2cec68 100644
--- a/examples/next-data-hooks-example/routes/blogs/index.tsx
+++ b/examples/next-data-hooks-example/routes/blogs/index.tsx
@@ -2,12 +2,12 @@ import Link from 'next/link';
 import { createDataHook } from 'next-data-hooks';
 import getBlogPosts from 'helpers/get-blog-posts';
 
-export const useBlogPostIndex = createDataHook('BlogPostIndex', async () => {
+const useBlogPostIndex = createDataHook('BlogPostIndex', async () => {
   const blogPosts = await getBlogPosts();
   return blogPosts.map(({ title, slug }) => ({ title, slug }));
 });
 
-function BlogPost() {
+function BlogPostIndex() {
   const blogPostIndex = useBlogPostIndex();
 
   return (
@@ -30,4 +30,6 @@ function BlogPost() {
   );
 }
 
-export default BlogPost;
+BlogPostIndex.dataHooks = [useBlogPostIndex];
+
+export default BlogPostIndex;