improve app readmes and component name

05-example-web-application/client-react/README.md

@@ -1,5 +1,10 @@
 ```
 npm create vite@latest
-npm i @tanstack/react-query axios
 ```
 
+```
+nvm ls
+nvm use node 19.4
+npm install
+npm run dev
+```

05-example-web-application/client-react/src/App.jsx

@@ -10,7 +10,7 @@ import './App.css'
 
 const queryClient = new QueryClient();
 
-function Example(props) {
+function CurrentTime(props) {
   const { isLoading, error, data, isFetching } = useQuery({
     queryKey: [props.api],
     queryFn: () =>
@@ -37,8 +37,8 @@ export function App() {
   return (
     <QueryClientProvider client={queryClient}>
       <h1>Hey Team! 👋</h1>
-      <Example api="/api/golang/"/>
-      <Example api="/api/node/"/>
+      <CurrentTime api="/api/golang/"/>
+      <CurrentTime api="/api/node/"/>
       <ReactQueryDevtools initialIsOpen={false} />
     </QueryClientProvider>
   );