jsのaxiosで取得したデータを呼び出し元に返したい

実現したいこと

axiosのpostで取得したデータを呼び出し元にreturnしたいです。

前提

とあるコンポーネントでuseTekitoを呼びだしています。
postが完了するとjson形式のデータが返ってきます。
以下の様なコードでコンソールにpost後に帰ってくるデータを表示させることはできたのですが、
このデータをuseTekitoの呼び出し元へreturnする方法を教えてください。

javaScript

1import axios from "axios";2 3export const useTekito = (request)=>{4 const url = "test/test"5 axios.post(url,request)6 .then(function (response) {7 console.log(response.data)8 })9}

試したこと

以下のような動きを試してみましたが、asyncにすることでpostの結果が返ってくる前にresultをreturnしてしまい、jsonデータではなくPromiseデータが返されていしまいました

javaScript

1import axios from "axios";2 3export const useTekito = (request)=>{4 const url = "test/test"5 const a = async ()=>{await axios.post(url,request)}6 const result =a()7 return result 8 9 10}