Drawer navigation not working on new version

[AkiraNT]

Current behavior

When debugging it shows the current error message.

File index.js
`/**

• @Format
  */
  import 'react-native-gesture-handler';
  import {AppRegistry} from 'react-native';
  import App from './App';
  import {name as appName} from './app.json';

AppRegistry.registerComponent(appName, () => App);
`

App.js
`import * as React from 'react';
import { View, Text } from 'react-native';
import { NavigationContainer } from '@react-navigation/native';
import { createDrawerNavigator } from '@react-navigation/drawer';

function Feed() {
return (
<View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
Feed Screen

);
}

function Article() {
return (
<View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
Article Screen

);
}

const Drawer = createDrawerNavigator();

function MyDrawer() {
return (
<Drawer.Navigator useLegacyImplementation>
<Drawer.Screen name="Feed" component={Feed} />
<Drawer.Screen name="Article" component={Article} />
</Drawer.Navigator>
);
}

export default function App() {
return (



);
}
`

Expected behavior

I want it to display like on the template page. And how can i open it from 1 Tab.Screen in @react-navigation/bottom-tabs

Reproduction

https://github.com/AkiraNT/example_drawer

Platform

• Android
• iOS
• Web
• Windows
• MacOS

Packages

• @react-navigation/​bottom-tabs
• @react-navigation/​drawer
• @react-navigation/​material-bottom-tabs
• @react-navigation/​material-top-tabs
• @react-navigation/​stack
• @react-navigation/​native-stack

Environment

• [] I've removed the packages that I don't use

package	version
@react-navigation/native	^6.0.10
@react-navigation/bottom-tabs	^6.3.1
@react-navigation/drawer	^6.4.1
@react-navigation/stack	^6.2.1
react-native-safe-area-context	^4.3.1
react-native-screens	^3.13.1
react-native-gesture-handler	^2.4.2
react-native-reanimated	^2.8.0
react-native	0.68.2
node	16.15.1
npm or yarn	8.11