A redux-connected component being translated into ConnectFunction ?

I have a failed unit test as below

  it('contains a wallet component', () => {
    console.log(app.debug());
    expect(app.find('Connect(Wallet)').exists()).toBe(true);
  });

Wallet.js

...

export class Wallet extends Component {
  ...
}

export default connect(state => ({ balance: state }))(Wallet);

App.js

import React, { Component } from 'react'
import Wallet from './Wallet';

class App extends Component {
  render() {
    return (
    <div>
      <h2>Loot Check</h2>
      <hr />
      <Wallet />
    </div>)
  }
}

export default App;

And below is the result of console.log(app.debug())

console.log src/components/App.test.js:13
      <div>
        <h2>
          Loot Check
        </h2>
        <hr />
        <ConnectFunction />
      </div>

I don’t understand, why a redux-connected component being turned into ConnectFunction?

API

• shallow
• mount
• render

Version

library	version
enzyme	^3.9.0
react	^16.8.6
react-dom	^16.8.6
react-test-renderer
adapter (below)	1.12.1

Adapter

• enzyme-adapter-react-16
• enzyme-adapter-react-16.3
• enzyme-adapter-react-16.2
• enzyme-adapter-react-16.1
• enzyme-adapter-react-15
• enzyme-adapter-react-15.4
• enzyme-adapter-react-14
• enzyme-adapter-react-13
• enzyme-adapter-react-helper
• others ( )

[ljharb]

react-redux 6 and 7 won’t work properly with enzyme until the next enzyme release.

[vernak2539]

Just a note, you’ll have to upgrade enzyme-adapter-react-16 as well