如何正确使用 Umi Max 中的 useModel？

Question

umi max如何使用useModel？
我使用了ant-design-pro脚手架，在里面使用了useModel，创建了一个 文件名为 useTestModel.ts文件，目录结构为 ./src/pages/System/useTestModel
我在另一个文件里使用useModel，提示找不到此文件

./src/pages/System/useTestModel.ts
import { useState } from 'react';

export default function useTestModel() {
  const [counter, setCounter] = useState(0);

  const increment = () => {
    setCounter((c) => c + 1)
  };
  const decrement = () => {
    setCounter((c) => c - 1)
  };

  return { counter, increment, decrement };
}

在其他文件中使用

import { useModel } from '@umijs/max';
const { counter, increment, decrement } = useModel('useTestModel');

return <span>{counter}<span>

页面一直提示找不到 counter
我看umi max的文档写的也不清不楚的，应该怎么使用呢？

Answer 1

命名空间是不是应该写成System.useTestModel?