React Native jest testing: "Cannot read properties of undefined" - reactjs

Question

I am struggling to get my jest test going.
My Component:
//Login.js
import Dialog from "react-native-dialog";
import { View, TextInput } from "react-native";
export default class Login extends React.Component {
constructor(props) {
super(props);
this.state = {
email: "",
password: "",
};
}
render() {
return (
<View>
<View>
<TextInput
testID="email"
value={this.state.email}
onChangeText={(text) => this.setState({ email: text })}
/>
</View>
<View>
<TextInput
testID="password"
value={this.state.password}
onChangeText={(text) => this.setState({ password: text })}
/>
</View>
<View>
<Dialog.Container>
<Dialog.Button label="hi" />
</Dialog.Container>
</View>
</View>
);
}
}
My Test file
//Login.test.js
import React from "react";
import { render, fireEvent } from "react-native-testing-library";
import Login from "./Login";
const mockedModule_dialog = jest.mock("react-native-dialog");
module.exports = mockedModule_dialog;
jest.mock("react-native-dialog", () => mockedModule_dialog);
describe("Login", () => {
describe("change text login", () => {
it("change text username and password", () => {
const { getByTestId } = render(<Login />);
// use fireEvent change value TextInput
fireEvent.changeText(getByTestId("email"), "admin");
fireEvent.changeText(getByTestId("password"), "admin#123");
// use toEqual check value TextInput
expect(getByTestId("email").props.value).toEqual("admin");
expect(getByTestId("password").props.value).toEqual(
"admin#123"
);
});
});
});
But every time I run yarn test, I am getting the following error Cannot read properties of undefined (Reading 'Container')
When I remove the <Dialog.Container> .... </Dialog.Container> then test passed.
What am I doing wrong? Mocking the library react-native-dialog is not done correctly?