Soy nuevo en reaccionar e intento obtener datos usando axios pero no funciona, ¿puedo usar la sintaxis async/await en el gancho useEffect?

./api/index.js

 import axios from 'axios' const url = 'http://localhost:5000/posts' export const getPosts = async ()=>{ const data = await axios.get(url).data return data } export const createPost = async (data)=>{ const result = await (await axios.post(url, data)).data return result }

Post.js

 import React, { useEffect, useState } from 'react' import { getPosts } from '../api' export const Post = () => { const [post, setPost] = useState([]) useEffect(()=>{ setPost(getPosts().then(data=>data)) console.log(post) }, []) return ( <> POSTS </> ) } export default Post

Aplicación.js

 import React from 'react' import { useEffect } from 'react' import { getPosts } from './api' import Form from './components/Form' import Post from './components/Post' const App = () => { useEffect(()=>{ const data = getPosts() console.log(data) }) return ( <> <Form/> <Post/> <div>App</div> </> ) } export default App

Quiero consolar. registrar los datos y usar los datos en el enlace setPost para cambiar el valor de la publicación.