From 7f5df7cdf332dd875fc5da831093991897f15eb0 Mon Sep 17 00:00:00 2001
From: Jason Zhu <jasonzhuyq@outlook.com>
Date: Wed, 30 Mar 2022 16:32:39 +1100
Subject: [PATCH] Chap05 -> Usinig query parameters -> 2 & 3: configure import
 in SearchPage and add explicit return statement

---
 QandA/frontend/src/SearchPage.tsx | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/QandA/frontend/src/SearchPage.tsx b/QandA/frontend/src/SearchPage.tsx
index 5d513a3..a1b54db 100644
--- a/QandA/frontend/src/SearchPage.tsx
+++ b/QandA/frontend/src/SearchPage.tsx
@@ -1,4 +1,15 @@
-import React from 'react';
-import { Page } from './Page';
+/** @jsxImportSource @emotion/react */
+import { css } from '@emotion/react';
 
-export const SearchPage = () => <Page title="Search Results">{null}</Page>;
+import React from 'react';
+import { useSearchParams } from 'react-router-dom';
+
+import { Page } from './Page';
+import { QuestionList } from './QuestionList';
+import { searchQuestions, QuestionData } from './QuestionsData';
+
+export const SearchPage = () => {
+  const [searchParams] = useSearchParams();
+
+  return <Page title="Search Results">{null}</Page>;
+};