Javascript 导入组件的未定义属性的类型错误

这只是一个简单的单元测试，调用一个包含两个子组件的组件，应该对其进行模拟。 第一个模拟正在按预期工作：

import { MockComponent } from '@app/mocks'

jest.mock('../Sub1', () => () => <div>mocked</div>) // working
jest.mock('../Sub2', () => MockComponent) // undefined property?

describe('Test', () => {
  test('should pass', () => {
    render(<Component />)
  })
})

从'@app/mocks'导入{MockComponent}
jest.mock（'../Sub1'，（）=>（）=>mock）//正在工作
jest.mock（'../Sub2'，（）=>MockComponent）//未定义的属性？
描述（'测试'，（）=>{
测试（'应该通过'，（）=>{
render（）
})
})

第二个给了我这个错误：

TypeError: Cannot read property 'MockComponent' of undefined

   8 | 
   9 | jest.mock('../Sub1', () => () => <div>mocked</div>)
> 10 | jest.mock('../Sub2', () => MockComponent)

TypeError:无法读取未定义的属性“MockComponent”
8 | 
9 | jest.mock（'../Sub1'，（）=>（）=>mock）
>10 | jest.mock（'../Sub2'，（）=>MockComponent）

为什么属性没有定义

@app/mocks

import React, { ReactElement } from 'react'

const MockStyle = {}
const MockComponent = (): ReactElement => <div>mocked</div>

export { MockStyle, MockComponent }

import React，{ReactElement}来自“React”
常量MockStyle={}
常量MockComponent=（）：ReactElement=>mocked
导出{MockStyle，MockComponent}