diff --git a/package.json b/package.json
index a6c602e19f26c11f88c4f3a168be097b576d9f4c..2204cce9fba948b65c7b531ee9c3bb929f15f717 100644
--- a/package.json
+++ b/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"
 }
diff --git a/src/core/App.tsx b/src/core/App.tsx
index ebed2efd7cd3c9fe7e9dc87e9c9f96982eac1d14..dfb1d8d6f70452bd905829aa157d751f5e7429bb 100644
--- a/src/core/App.tsx
+++ b/src/core/App.tsx
@@ -1,6 +1,7 @@
-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>
diff --git a/src/hooks/useGetNewsList.ts b/src/hooks/useGetNewsList.ts
new file mode 100644
index 0000000000000000000000000000000000000000..98db4a882693ba27263db4187ea0c4b5ea6a6e63
--- /dev/null
+++ b/src/hooks/useGetNewsList.ts
@@ -0,0 +1,12 @@
+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;