Add query to get the news endpoint

package.json

@@ -82,5 +82,6 @@
     "prettier-plugin-organize-imports": "^1.1.1",
     "prettier-plugin-packagejson": "^2.2.5",
     "prettier-plugin-sh": "^0.5.0"
-  }
+  },
+  "proxy": "http://localhost:8000"
 }

src/core/App.tsx

-import React from 'react';
+import React, { useEffect } from 'react';
 import { BrowserRouter as Router } from 'react-router-dom';
 import styled from 'styled-components';
+import useGetNewsList from '../hooks/useGetNewsList';
 import Footer from './components/Footer';
 import Header from './components/Header';
 import MainRouting from './components/MainRouting';
@@ -17,6 +18,18 @@ const MainContent = styled.div`
 `;
 
 function App() {
+  const [response, getNewsList] = useGetNewsList();
+
+  useEffect(() => {
+    getNewsList();
+  }, [getNewsList]);
+
+  useEffect(() => {
+    if (response.data) {
+      console.log(response.data[0].text);
+    }
+  }, [response.data]);
+
   return (
     <Router>
       <Container>

src/hooks/useGetNewsList.ts

+import { INews, RequestParams } from './types';
+import useRequest from './useRequest';
+import userRestQueries from './useRestQueries';
+
+const useGetNewsList = (params?: RequestParams, data?: INews[]) => {
+  const { get } = userRestQueries();
+  const request = get<INews[]>('/api/v1/news');
+
+  return useRequest<INews[]>({ request, initialParams: params, initialData: data });
+};
+
+export default useGetNewsList;