How could I use the new design style like the live demo does?

[shoutrain]

I like the new design style in demo by unchecking "use old design" (https://ukrbublik.github.io/react-awesome-query-builder/)。 But I have no idea how to apply new design in my project. I have added following suggested code:

// >>>
import type {
  JsonGroup,
  Config,
  ImmutableTree,
  BuilderProps,
  Fields,
} from '@react-awesome-query-builder/antd';
import {
  Query,
  Builder,
  Utils as QbUtils,
  AntdConfig,
} from '@react-awesome-query-builder/antd';
import 'antd/dist/antd.css'; // only for v4
import '@react-awesome-query-builder/antd/css/styles.css';
// <<<

But it doesn't work, the old design is always there.

My project env:

• Ant Design Pro v5.2.0(antd v4.24.16, react v17, umi v3.5.41)
• react-awesome-query-builder v6.6.15
• node.js 20.18.0