typescriptの、「～は型'void'に存在しません」のエラーの直し方

Question

実現したいこと

カスタムフックを作ってますが、エラーの解消方法がわかりません。

前提

カスタムフックの関数はどのように型定義するのでしょうか？
コンパイラエラーが発生してしまっています。

発生している問題・エラーメッセージ

プロパティ 'test' は型 'void' に存在しません。ts(2339)

ソースコード

 import { testhook } from './hoge'
 const Home = () => {

  const { test } = testhook() 

  return (
　　<div>
　　　{test()}
         <form onSubmit={handleSubmit(doStart)}>
             <input type="text"  {...register('param')} >
         </form>
      </div>
 )
}

 export const testhook = () => {

  const testfook = () => {
   const promise: Promise =
      new Promise((resolve) => {

        // 処理
        
      })
    return promise
  }

  return (
　　const test = () => {
   return (
     <div>
       <p>hogehoge</p>
     </div>
   )
 }
 )
}

試したこと

以下のようにpromiseに型を定義してみたんですがだめでした。
今回のようにpromiseを使う場合、型はをどのように定義すればエラーは消えるでしょうか？

 export const testhook = () => {

  const testfook = () => {
   const promise: Promise<boolean> =
      new Promise((resolve) => {

        // 処理
        
      })
    return promise
  }

  return (
　　以下略
 )
}

補足情報（FW/ツールのバージョンなど）

react
eslint
typescript

Comments

[maisumakun]

「以下略」の部分に何が書かれていたかが重要なのですが……

Answer 1

■原因
記載していただいたエラーメッセージの通り、testhook関数から返されるオブジェクトにtestプロパティが存在しないことが原因かと思います。

■対応
testhook関数が返すオブジェクトに、testプロパティを明示的に追加すれば良いのではないでしょうか
記載されているコードの「以下略」に書かれてるかもしれないですが、下記のようにしてみてはいかがでしょうか

// testプロパティを明示的に追加してオブジェクトを返す
  return {
    test: testfook,
  }

Comments

[gomes_2222]

ありがとうございました！
returnがぬけておりました。
追加したところ、エラーが消えました。