diff --git a/datahub-web-react/src/app/businessAttribute/BusinessAttributes.tsx b/datahub-web-react/src/app/businessAttribute/BusinessAttributes.tsx
index b16593f5497f6e..e2794de5e56911 100644
--- a/datahub-web-react/src/app/businessAttribute/BusinessAttributes.tsx
+++ b/datahub-web-react/src/app/businessAttribute/BusinessAttributes.tsx
@@ -246,7 +246,7 @@ export const BusinessAttributes = () => {
                 />
             </PaginationContainer>
             <CreateBusinessAttributeModal
-                visible={isCreatingBusinessAttribute}
+                open={isCreatingBusinessAttribute}
                 onClose={() => setIsCreatingBusinessAttribute(false)}
                 onCreateBusinessAttribute={() => {
                     businessAttributeRefetch?.();
diff --git a/datahub-web-react/src/app/businessAttribute/CreateBusinessAttributeModal.tsx b/datahub-web-react/src/app/businessAttribute/CreateBusinessAttributeModal.tsx
index 1ee0ca030748ef..979f8377c7fdd6 100644
--- a/datahub-web-react/src/app/businessAttribute/CreateBusinessAttributeModal.tsx
+++ b/datahub-web-react/src/app/businessAttribute/CreateBusinessAttributeModal.tsx
@@ -13,7 +13,7 @@ import { SchemaFieldDataType } from './businessAttributeUtils';
 import { validateCustomUrnId } from '../shared/textUtil';
 
 type Props = {
-    visible: boolean;
+    open: boolean;
     onClose: () => void;
     onCreateBusinessAttribute: () => void;
 };
@@ -51,7 +51,7 @@ const StyledButton = styled(Button)`
 // Ensures that any newly added datatype is automatically included in the user dropdown.
 const DATA_TYPES = Object.values(SchemaFieldDataType);
 
-export default function CreateBusinessAttributeModal({ visible, onClose, onCreateBusinessAttribute }: Props) {
+export default function CreateBusinessAttributeModal({ open, onClose, onCreateBusinessAttribute }: Props) {
     const [createButtonEnabled, setCreateButtonEnabled] = useState(true);
 
     const [createBusinessAttribute] = useCreateBusinessAttributeMutation();
@@ -120,7 +120,7 @@ export default function CreateBusinessAttributeModal({ visible, onClose, onCreat
         <>
             <Modal
                 title="Create Business Attribute"
-                visible={visible}
+                open={open}
                 onCancel={onModalClose}
                 footer={
                     <>
diff --git a/datahub-web-react/src/app/domain/CreateDomainModal.tsx b/datahub-web-react/src/app/domain/CreateDomainModal.tsx
index 606444d34bdc97..a50065e25fea19 100644
--- a/datahub-web-react/src/app/domain/CreateDomainModal.tsx
+++ b/datahub-web-react/src/app/domain/CreateDomainModal.tsx
@@ -115,7 +115,7 @@ export default function CreateDomainModal({ onClose, onCreate }: Props) {
     return (
         <Modal
             title="Create New Domain"
-            visible
+            open
             onCancel={onClose}
             footer={
                 <>
diff --git a/datahub-web-react/src/app/entity/dataset/profile/stats/historical/charts/ProfilingRunsChart.tsx b/datahub-web-react/src/app/entity/dataset/profile/stats/historical/charts/ProfilingRunsChart.tsx
index 36f2b5e37902e2..e14c5ad1f479b3 100644
--- a/datahub-web-react/src/app/entity/dataset/profile/stats/historical/charts/ProfilingRunsChart.tsx
+++ b/datahub-web-react/src/app/entity/dataset/profile/stats/historical/charts/ProfilingRunsChart.tsx
@@ -71,7 +71,7 @@ export default function ProfilingRunsChart({ profiles }: Props) {
     return (
         <>
             {selectedProfile && (
-                <Modal width="100%" footer={null} title={profileModalTitle} visible={showModal} onCancel={onClose}>
+                <Modal width="100%" footer={null} title={profileModalTitle} open={showModal} onCancel={onClose}>
                     <DataProfileView profile={selectedProfile} />
                 </Modal>
             )}
diff --git a/datahub-web-react/src/app/entity/glossaryTerm/profile/AddRelatedTermsModal.tsx b/datahub-web-react/src/app/entity/glossaryTerm/profile/AddRelatedTermsModal.tsx
index f97f3c327676b9..a609dc4cca599d 100644
--- a/datahub-web-react/src/app/entity/glossaryTerm/profile/AddRelatedTermsModal.tsx
+++ b/datahub-web-react/src/app/entity/glossaryTerm/profile/AddRelatedTermsModal.tsx
@@ -167,7 +167,7 @@ function AddRelatedTermsModal(props: Props) {
     return (
         <Modal
             title="Add Related Terms"
-            visible
+            open
             onCancel={onClose}
             footer={
                 <>
diff --git a/datahub-web-react/src/app/entity/group/AddGroupMembersModal.tsx b/datahub-web-react/src/app/entity/group/AddGroupMembersModal.tsx
index 95c288052e978d..2485fb1e48fbed 100644
--- a/datahub-web-react/src/app/entity/group/AddGroupMembersModal.tsx
+++ b/datahub-web-react/src/app/entity/group/AddGroupMembersModal.tsx
@@ -10,7 +10,7 @@ import { OwnerLabel } from '../../shared/OwnerLabel';
 
 type Props = {
     urn: string;
-    visible: boolean;
+    open: boolean;
     onCloseModal: () => void;
     onSubmit: () => void;
 };
@@ -29,7 +29,7 @@ const StyleTag = styled(Tag)`
     align-items: center;
 `;
 
-export const AddGroupMembersModal = ({ urn, visible, onCloseModal, onSubmit }: Props) => {
+export const AddGroupMembersModal = ({ urn, open, onCloseModal, onSubmit }: Props) => {
     const entityRegistry = useEntityRegistry();
     const [selectedMembers, setSelectedMembers] = useState<any[]>([]);
     const [inputValue, setInputValue] = useState('');
@@ -134,7 +134,7 @@ export const AddGroupMembersModal = ({ urn, visible, onCloseModal, onSubmit }: P
     return (
         <Modal
             title="Add group members"
-            visible={visible}
+            open={open}
             onCancel={onModalClose}
             footer={
                 <>
diff --git a/datahub-web-react/src/app/entity/group/EditGroupDescriptionModal.tsx b/datahub-web-react/src/app/entity/group/EditGroupDescriptionModal.tsx
index 356daf584d9f7e..5c672745053b52 100644
--- a/datahub-web-react/src/app/entity/group/EditGroupDescriptionModal.tsx
+++ b/datahub-web-react/src/app/entity/group/EditGroupDescriptionModal.tsx
@@ -38,7 +38,7 @@ export default function EditGroupDescriptionModal({
         <Modal
             width={700}
             title="Edit Description"
-            visible
+            open
             onCancel={onClose}
             footer={
                 <>
diff --git a/datahub-web-react/src/app/entity/group/GroupEditModal.tsx b/datahub-web-react/src/app/entity/group/GroupEditModal.tsx
index be1289ad3202b3..6a3354eb358bb6 100644
--- a/datahub-web-react/src/app/entity/group/GroupEditModal.tsx
+++ b/datahub-web-react/src/app/entity/group/GroupEditModal.tsx
@@ -11,7 +11,7 @@ type PropsData = {
 };
 
 type Props = {
-    visible: boolean;
+    open: boolean;
     onClose: () => void;
     onSave: () => void;
     editModalData: PropsData;
@@ -19,7 +19,7 @@ type Props = {
 /** Regex Validations */
 export const USER_NAME_REGEX = new RegExp('^[a-zA-Z ]*$');
 
-export default function GroupEditModal({ visible, onClose, onSave, editModalData }: Props) {
+export default function GroupEditModal({ open, onClose, onSave, editModalData }: Props) {
     const [updateCorpGroupPropertiesMutation] = useUpdateCorpGroupPropertiesMutation();
     const [form] = Form.useForm();
 
@@ -76,7 +76,7 @@ export default function GroupEditModal({ visible, onClose, onSave, editModalData
     return (
         <Modal
             title="Edit Profile"
-            visible={visible}
+            open={open}
             onCancel={onClose}
             footer={
                 <>
diff --git a/datahub-web-react/src/app/entity/group/GroupInfoSideBar.tsx b/datahub-web-react/src/app/entity/group/GroupInfoSideBar.tsx
index 4cba8499877f1c..af3f89f7c21bad 100644
--- a/datahub-web-react/src/app/entity/group/GroupInfoSideBar.tsx
+++ b/datahub-web-react/src/app/entity/group/GroupInfoSideBar.tsx
@@ -368,7 +368,7 @@ export default function GroupInfoSidebar({ sideBarData, refetch }: Props) {
             </SideBar>
             {/* Modal */}
             <GroupEditModal
-                visible={editGroupModal}
+                open={editGroupModal}
                 onClose={() => showEditGroupModal(false)}
                 onSave={() => {
                     refetch();
diff --git a/datahub-web-react/src/app/entity/group/GroupMembers.tsx b/datahub-web-react/src/app/entity/group/GroupMembers.tsx
index 45697cb50b309c..147c3f8030d0e0 100644
--- a/datahub-web-react/src/app/entity/group/GroupMembers.tsx
+++ b/datahub-web-react/src/app/entity/group/GroupMembers.tsx
@@ -232,7 +232,7 @@ export default function GroupMembers({ urn, pageSize, isExternalGroup, onChangeM
             {isEditingMembers && (
                 <AddGroupMembersModal
                     urn={urn}
-                    visible={isEditingMembers}
+                    open={isEditingMembers}
                     onSubmit={onAddMembers}
                     onCloseModal={() => setIsEditingMembers(false)}
                 />
diff --git a/datahub-web-react/src/app/entity/shared/EntityDropdown/CreateGlossaryEntityModal.tsx b/datahub-web-react/src/app/entity/shared/EntityDropdown/CreateGlossaryEntityModal.tsx
index d60e86b0af8ca4..c92e6015c6cca0 100644
--- a/datahub-web-react/src/app/entity/shared/EntityDropdown/CreateGlossaryEntityModal.tsx
+++ b/datahub-web-react/src/app/entity/shared/EntityDropdown/CreateGlossaryEntityModal.tsx
@@ -131,7 +131,7 @@ function CreateGlossaryEntityModal(props: Props) {
     return (
         <Modal
             title={`Create ${entityRegistry.getEntityName(entityType)}`}
-            visible
+            open
             onCancel={onClose}
             footer={
                 <>
diff --git a/datahub-web-react/src/app/entity/shared/EntityDropdown/EntityDropdown.tsx b/datahub-web-react/src/app/entity/shared/EntityDropdown/EntityDropdown.tsx
index f7fc0f4b005366..b7dbd9a43c872f 100644
--- a/datahub-web-react/src/app/entity/shared/EntityDropdown/EntityDropdown.tsx
+++ b/datahub-web-react/src/app/entity/shared/EntityDropdown/EntityDropdown.tsx
@@ -337,7 +337,7 @@ function EntityDropdown(props: Props) {
             {hasBeenDeleted && !onDelete && deleteRedirectPath && <Redirect to={deleteRedirectPath} />}
             {isRaiseIncidentModalVisible && (
                 <AddIncidentModal
-                    visible={isRaiseIncidentModalVisible}
+                    open={isRaiseIncidentModalVisible}
                     onClose={() => setIsRaiseIncidentModalVisible(false)}
                     refetch={
                         (() => {
diff --git a/datahub-web-react/src/app/entity/shared/EntityDropdown/MoveDomainModal.tsx b/datahub-web-react/src/app/entity/shared/EntityDropdown/MoveDomainModal.tsx
index 3826f934c1c25e..dbf14b069f521b 100644
--- a/datahub-web-react/src/app/entity/shared/EntityDropdown/MoveDomainModal.tsx
+++ b/datahub-web-react/src/app/entity/shared/EntityDropdown/MoveDomainModal.tsx
@@ -68,7 +68,7 @@ function MoveDomainModal(props: Props) {
         <Modal
             title="Move"
             data-testid="move-domain-modal"
-            visible
+            open
             onCancel={onClose}
             footer={
                 <>
diff --git a/datahub-web-react/src/app/entity/shared/EntityDropdown/MoveGlossaryEntityModal.tsx b/datahub-web-react/src/app/entity/shared/EntityDropdown/MoveGlossaryEntityModal.tsx
index 51b39be4e20ea2..de32f48f687a0b 100644
--- a/datahub-web-react/src/app/entity/shared/EntityDropdown/MoveGlossaryEntityModal.tsx
+++ b/datahub-web-react/src/app/entity/shared/EntityDropdown/MoveGlossaryEntityModal.tsx
@@ -67,7 +67,7 @@ function MoveGlossaryEntityModal(props: Props) {
         <Modal
             data-testid="move-glossary-entity-modal"
             title="Move"
-            visible
+            open
             onCancel={onClose}
             footer={
                 <>
diff --git a/datahub-web-react/src/app/entity/shared/EntityDropdown/UpdateDeprecationModal.tsx b/datahub-web-react/src/app/entity/shared/EntityDropdown/UpdateDeprecationModal.tsx
index 01287c2b367bf5..0c36c3a953cb72 100644
--- a/datahub-web-react/src/app/entity/shared/EntityDropdown/UpdateDeprecationModal.tsx
+++ b/datahub-web-react/src/app/entity/shared/EntityDropdown/UpdateDeprecationModal.tsx
@@ -58,7 +58,7 @@ export const UpdateDeprecationModal = ({ urns, onClose, refetch }: Props) => {
     return (
         <Modal
             title="Add Deprecation Details"
-            visible
+            open
             onCancel={handleClose}
             keyboard
             footer={
diff --git a/datahub-web-react/src/app/entity/shared/components/legacy/DescriptionModal.tsx b/datahub-web-react/src/app/entity/shared/components/legacy/DescriptionModal.tsx
index 2d65a305b4cc8b..0f88264e8da2f4 100644
--- a/datahub-web-react/src/app/entity/shared/components/legacy/DescriptionModal.tsx
+++ b/datahub-web-react/src/app/entity/shared/components/legacy/DescriptionModal.tsx
@@ -58,7 +58,7 @@ export default function UpdateDescriptionModal({
     return (
         <Modal
             title={title}
-            visible
+            open
             width={900}
             onCancel={onClose}
             okText={isAddDesc ? 'Submit' : 'Update'}
diff --git a/datahub-web-react/src/app/entity/shared/components/styled/AddLinkModal.tsx b/datahub-web-react/src/app/entity/shared/components/styled/AddLinkModal.tsx
index 9e18de3b294bf7..2caa116709dcbf 100644
--- a/datahub-web-react/src/app/entity/shared/components/styled/AddLinkModal.tsx
+++ b/datahub-web-react/src/app/entity/shared/components/styled/AddLinkModal.tsx
@@ -63,7 +63,7 @@ export const AddLinkModal = ({ buttonProps, refetch }: AddLinkProps) => {
             </Button>
             <Modal
                 title="Add Link"
-                visible={isModalVisible}
+                open={isModalVisible}
                 destroyOnClose
                 onCancel={handleClose}
                 footer={[
diff --git a/datahub-web-react/src/app/entity/shared/components/styled/ERModelRelationship/CreateERModelRelationModal.tsx b/datahub-web-react/src/app/entity/shared/components/styled/ERModelRelationship/CreateERModelRelationModal.tsx
index dd6cbc36987054..ea40fb71818033 100644
--- a/datahub-web-react/src/app/entity/shared/components/styled/ERModelRelationship/CreateERModelRelationModal.tsx
+++ b/datahub-web-react/src/app/entity/shared/components/styled/ERModelRelationship/CreateERModelRelationModal.tsx
@@ -26,7 +26,7 @@ type Props = {
     table1Schema?: any;
     table2?: any;
     table2Schema?: any;
-    visible: boolean;
+    open: boolean;
     setModalVisible?: any;
     onCancel: () => void;
     editERModelRelation?: ErModelRelationship;
@@ -42,7 +42,7 @@ export const CreateERModelRelationModal = ({
     table1Schema,
     table2,
     table2Schema,
-    visible,
+    open,
     setModalVisible,
     onCancel,
     editERModelRelation,
@@ -349,7 +349,7 @@ export const CreateERModelRelationModal = ({
                     </div>
                 </div>
             }
-            visible={visible}
+            open={open}
             closable={false}
             className="CreateERModelRelationModal"
             okButtonProps={{ hidden: true }}
diff --git a/datahub-web-react/src/app/entity/shared/components/styled/ERModelRelationship/ERModelRelationPreview.tsx b/datahub-web-react/src/app/entity/shared/components/styled/ERModelRelationship/ERModelRelationPreview.tsx
index b360f03bb5b284..ef65aed02decf1 100644
--- a/datahub-web-react/src/app/entity/shared/components/styled/ERModelRelationship/ERModelRelationPreview.tsx
+++ b/datahub-web-react/src/app/entity/shared/components/styled/ERModelRelationship/ERModelRelationPreview.tsx
@@ -132,7 +132,7 @@ export const ERModelRelationPreview = ({ ermodelrelationData, baseEntityUrn, pre
         <div className="ERModelRelationPreview">
             {ermodelrelationData?.properties?.relationshipFieldMappings !== undefined && (
                 <CreateERModelRelationModal
-                    visible={modalVisible}
+                    open={modalVisible}
                     setModalVisible={setModalVisible}
                     onCancel={() => {
                         setModalVisible(false);
diff --git a/datahub-web-react/src/app/entity/shared/components/styled/search/DownloadAsCsvModal.tsx b/datahub-web-react/src/app/entity/shared/components/styled/search/DownloadAsCsvModal.tsx
index c4b5f8fa02b2b8..f5bdd205045e8f 100644
--- a/datahub-web-react/src/app/entity/shared/components/styled/search/DownloadAsCsvModal.tsx
+++ b/datahub-web-react/src/app/entity/shared/components/styled/search/DownloadAsCsvModal.tsx
@@ -123,7 +123,7 @@ export default function DownloadAsCsvModal({
             centered
             onCancel={() => setShowDownloadAsCsvModal(false)}
             title="Download as..."
-            visible={showDownloadAsCsvModal}
+            open={showDownloadAsCsvModal}
             footer={
                 <>
                     <Button onClick={() => setShowDownloadAsCsvModal(false)} type="text">
diff --git a/datahub-web-react/src/app/entity/shared/components/styled/search/EmbeddedListSearchModal.tsx b/datahub-web-react/src/app/entity/shared/components/styled/search/EmbeddedListSearchModal.tsx
index f88972bbda6a62..4af657a46cc578 100644
--- a/datahub-web-react/src/app/entity/shared/components/styled/search/EmbeddedListSearchModal.tsx
+++ b/datahub-web-react/src/app/entity/shared/components/styled/search/EmbeddedListSearchModal.tsx
@@ -72,7 +72,7 @@ export const EmbeddedListSearchModal = ({
             style={modalStyle}
             bodyStyle={modalBodyStyle}
             title={title}
-            visible
+            open
             onCancel={onClose}
             footer={<Button onClick={onClose}>Close</Button>}
         >
diff --git a/datahub-web-react/src/app/entity/shared/components/styled/search/SearchSelectModal.tsx b/datahub-web-react/src/app/entity/shared/components/styled/search/SearchSelectModal.tsx
index 985be5b3f37c7c..3a9b38b461f4ca 100644
--- a/datahub-web-react/src/app/entity/shared/components/styled/search/SearchSelectModal.tsx
+++ b/datahub-web-react/src/app/entity/shared/components/styled/search/SearchSelectModal.tsx
@@ -68,7 +68,7 @@ export const SearchSelectModal = ({
                 bodyStyle={MODAL_BODY_STYLE}
                 title={titleText || 'Select entities'}
                 width={MODAL_WIDTH_PX}
-                visible
+                open
                 onCancel={onCancelSelect}
                 footer={
                     <>
diff --git a/datahub-web-react/src/app/entity/shared/components/styled/search/action/GlossaryTermsDropdown.tsx b/datahub-web-react/src/app/entity/shared/components/styled/search/action/GlossaryTermsDropdown.tsx
index 7206abed305c47..9083567d0fd70f 100644
--- a/datahub-web-react/src/app/entity/shared/components/styled/search/action/GlossaryTermsDropdown.tsx
+++ b/datahub-web-react/src/app/entity/shared/components/styled/search/action/GlossaryTermsDropdown.tsx
@@ -39,7 +39,7 @@ export default function GlossaryTermsDropdown({ urns, disabled = false, refetch
             {isEditModalVisible && (
                 <EditTagTermsModal
                     type={EntityType.GlossaryTerm}
-                    visible
+                    open
                     onCloseModal={() => {
                         setIsEditModalVisible(false);
                         refetch?.();
diff --git a/datahub-web-react/src/app/entity/shared/components/styled/search/action/TagsDropdown.tsx b/datahub-web-react/src/app/entity/shared/components/styled/search/action/TagsDropdown.tsx
index 411ee62f64ccad..94dcd4d24540f0 100644
--- a/datahub-web-react/src/app/entity/shared/components/styled/search/action/TagsDropdown.tsx
+++ b/datahub-web-react/src/app/entity/shared/components/styled/search/action/TagsDropdown.tsx
@@ -39,7 +39,7 @@ export default function TagsDropdown({ urns, disabled = false, refetch }: Props)
             {isEditModalVisible && (
                 <EditTagTermsModal
                     type={EntityType.Tag}
-                    visible
+                    open
                     onCloseModal={() => {
                         setIsEditModalVisible(false);
                         refetch?.();
diff --git a/datahub-web-react/src/app/entity/shared/containers/profile/sidebar/Container/ContainerSelectModal.tsx b/datahub-web-react/src/app/entity/shared/containers/profile/sidebar/Container/ContainerSelectModal.tsx
index 17e03ff1ddaf64..681f89831b92c4 100644
--- a/datahub-web-react/src/app/entity/shared/containers/profile/sidebar/Container/ContainerSelectModal.tsx
+++ b/datahub-web-react/src/app/entity/shared/containers/profile/sidebar/Container/ContainerSelectModal.tsx
@@ -140,7 +140,7 @@ export const ContainerSelectModal = ({ onCloseModal, defaultValues, onOkOverride
     return (
         <Modal
             title={titleOverride || 'Select Container'}
-            visible
+            open
             onCancel={onModalClose}
             footer={
                 <>
diff --git a/datahub-web-react/src/app/entity/shared/containers/profile/sidebar/Domain/SetDomainModal.tsx b/datahub-web-react/src/app/entity/shared/containers/profile/sidebar/Domain/SetDomainModal.tsx
index ab63553c6376b8..f0c315332a0537 100644
--- a/datahub-web-react/src/app/entity/shared/containers/profile/sidebar/Domain/SetDomainModal.tsx
+++ b/datahub-web-react/src/app/entity/shared/containers/profile/sidebar/Domain/SetDomainModal.tsx
@@ -195,7 +195,7 @@ export const SetDomainModal = ({ urns, onCloseModal, refetch, defaultValue, onOk
     return (
         <Modal
             title={titleOverride || 'Set Domain'}
-            visible
+            open
             onCancel={onModalClose}
             footer={
                 <>
diff --git a/datahub-web-react/src/app/entity/shared/containers/profile/sidebar/Ownership/EditOwnersModal.tsx b/datahub-web-react/src/app/entity/shared/containers/profile/sidebar/Ownership/EditOwnersModal.tsx
index ff26b5d8aa4c5f..62b967e8f7b30d 100644
--- a/datahub-web-react/src/app/entity/shared/containers/profile/sidebar/Ownership/EditOwnersModal.tsx
+++ b/datahub-web-react/src/app/entity/shared/containers/profile/sidebar/Ownership/EditOwnersModal.tsx
@@ -336,7 +336,7 @@ export const EditOwnersModal = ({
     return (
         <Modal
             title={title || `${operationType === OperationType.ADD ? 'Add' : 'Remove'} Owners`}
-            visible
+            open
             onCancel={onModalClose}
             keyboard
             footer={
diff --git a/datahub-web-react/src/app/entity/shared/containers/profile/sidebar/Platform/SelectPlatformModal.tsx b/datahub-web-react/src/app/entity/shared/containers/profile/sidebar/Platform/SelectPlatformModal.tsx
index 7e8007f354f8c6..6a5f90e872c4fe 100644
--- a/datahub-web-react/src/app/entity/shared/containers/profile/sidebar/Platform/SelectPlatformModal.tsx
+++ b/datahub-web-react/src/app/entity/shared/containers/profile/sidebar/Platform/SelectPlatformModal.tsx
@@ -137,7 +137,7 @@ export const SelectPlatformModal = ({ onCloseModal, defaultValues, onOk, titleOv
     return (
         <Modal
             title={titleOverride || 'Select Platform'}
-            visible
+            open
             onCancel={onModalClose}
             footer={
                 <>
diff --git a/datahub-web-react/src/app/entity/shared/tabs/Dataset/Queries/QueryBuilderModal.tsx b/datahub-web-react/src/app/entity/shared/tabs/Dataset/Queries/QueryBuilderModal.tsx
index 33f9652bb3fd39..063408fbf55a65 100644
--- a/datahub-web-react/src/app/entity/shared/tabs/Dataset/Queries/QueryBuilderModal.tsx
+++ b/datahub-web-react/src/app/entity/shared/tabs/Dataset/Queries/QueryBuilderModal.tsx
@@ -147,7 +147,7 @@ export default function QueryBuilderModal({ initialState, datasetUrn, onClose, o
                 bodyStyle={MODAL_BODY_STYLE}
                 title={<Typography.Text>{isUpdating ? 'Edit' : 'New'} Query</Typography.Text>}
                 className="query-builder-modal"
-                visible
+                open
                 onCancel={confirmClose}
                 footer={
                     <>
diff --git a/datahub-web-react/src/app/entity/shared/tabs/Dataset/Queries/QueryModal.tsx b/datahub-web-react/src/app/entity/shared/tabs/Dataset/Queries/QueryModal.tsx
index 985f2094b0fb1f..32ac91071a3ec4 100644
--- a/datahub-web-react/src/app/entity/shared/tabs/Dataset/Queries/QueryModal.tsx
+++ b/datahub-web-react/src/app/entity/shared/tabs/Dataset/Queries/QueryModal.tsx
@@ -72,7 +72,7 @@ type Props = {
 export default function QueryModal({ query, title, description, showDetails = true, onClose }: Props) {
     return (
         <StyledModal
-            visible
+            open
             width={MODAL_WIDTH}
             title={null}
             closable={false}
diff --git a/datahub-web-react/src/app/entity/shared/tabs/Dataset/Relationship/RelationshipsTab.tsx b/datahub-web-react/src/app/entity/shared/tabs/Dataset/Relationship/RelationshipsTab.tsx
index 1eb534f965bf67..c44bddc2c30d1f 100644
--- a/datahub-web-react/src/app/entity/shared/tabs/Dataset/Relationship/RelationshipsTab.tsx
+++ b/datahub-web-react/src/app/entity/shared/tabs/Dataset/Relationship/RelationshipsTab.tsx
@@ -219,7 +219,7 @@ export const RelationshipsTab = () => {
                     table1Schema={entityWithSchema}
                     table2={table2LazyDataset}
                     table2Schema={table2LazySchema}
-                    visible={modalVisible}
+                    open={modalVisible}
                     setModalVisible={setModalVisible}
                     onCancel={() => {
                         setModalVisible(false);
diff --git a/datahub-web-react/src/app/entity/shared/tabs/Dataset/Stats/historical/charts/ProfilingRunsChart.tsx b/datahub-web-react/src/app/entity/shared/tabs/Dataset/Stats/historical/charts/ProfilingRunsChart.tsx
index 11ec85d65da420..0b2eb6db1c6f0f 100644
--- a/datahub-web-react/src/app/entity/shared/tabs/Dataset/Stats/historical/charts/ProfilingRunsChart.tsx
+++ b/datahub-web-react/src/app/entity/shared/tabs/Dataset/Stats/historical/charts/ProfilingRunsChart.tsx
@@ -84,7 +84,7 @@ export default function ProfilingRunsChart({ profiles }: Props) {
     return (
         <>
             {selectedProfile && (
-                <Modal width="100%" footer={null} title={profileModalTitle} visible={showModal} onCancel={onClose}>
+                <Modal width="100%" footer={null} title={profileModalTitle} open={showModal} onCancel={onClose}>
                     <TableStats
                         rowCount={selectedProfile.rowCount || -1}
                         columnCount={selectedProfile.columnCount || -1}
diff --git a/datahub-web-react/src/app/entity/shared/tabs/Dataset/Validations/DatasetAssertionDescription.tsx b/datahub-web-react/src/app/entity/shared/tabs/Dataset/Validations/DatasetAssertionDescription.tsx
index daebfd55975884..3318baf6d0c609 100644
--- a/datahub-web-react/src/app/entity/shared/tabs/Dataset/Validations/DatasetAssertionDescription.tsx
+++ b/datahub-web-react/src/app/entity/shared/tabs/Dataset/Validations/DatasetAssertionDescription.tsx
@@ -362,7 +362,7 @@ export const DatasetAssertionDescription = ({ description, assertionInfo }: Prop
             )}
             <DatasetAssertionLogicModal
                 logic={logic || 'N/A'}
-                visible={isLogicVisible}
+                open={isLogicVisible}
                 onClose={() => setIsLogicVisible(false)}
             />
         </Popover>
diff --git a/datahub-web-react/src/app/entity/shared/tabs/Dataset/Validations/DatasetAssertionLogicModal.tsx b/datahub-web-react/src/app/entity/shared/tabs/Dataset/Validations/DatasetAssertionLogicModal.tsx
index 549a10ecd24cde..627deb163c2a06 100644
--- a/datahub-web-react/src/app/entity/shared/tabs/Dataset/Validations/DatasetAssertionLogicModal.tsx
+++ b/datahub-web-react/src/app/entity/shared/tabs/Dataset/Validations/DatasetAssertionLogicModal.tsx
@@ -11,13 +11,13 @@ export type AssertionsSummary = {
 
 type Props = {
     logic: string;
-    visible: boolean;
+    open: boolean;
     onClose: () => void;
 };
 
-export const DatasetAssertionLogicModal = ({ logic, visible, onClose }: Props) => {
+export const DatasetAssertionLogicModal = ({ logic, open, onClose }: Props) => {
     return (
-        <Modal visible={visible} onCancel={onClose} footer={<Button onClick={onClose}>Close</Button>}>
+        <Modal open={open} onCancel={onClose} footer={<Button onClick={onClose}>Close</Button>}>
             <Query query={logic} />
         </Modal>
     );
diff --git a/datahub-web-react/src/app/entity/shared/tabs/Dataset/Validations/contract/builder/DataContractBuilderModal.tsx b/datahub-web-react/src/app/entity/shared/tabs/Dataset/Validations/contract/builder/DataContractBuilderModal.tsx
index 75a8fe0410918b..e678ce5c334ea8 100644
--- a/datahub-web-react/src/app/entity/shared/tabs/Dataset/Validations/contract/builder/DataContractBuilderModal.tsx
+++ b/datahub-web-react/src/app/entity/shared/tabs/Dataset/Validations/contract/builder/DataContractBuilderModal.tsx
@@ -52,7 +52,7 @@ export const DataContractBuilderModal = ({ entityUrn, initialState, onSubmit, on
                 title={<Typography.Text>{titleText}</Typography.Text>}
                 style={modalStyle}
                 bodyStyle={modalBodyStyle}
-                visible
+                open
                 onCancel={onCancel}
             >
                 <DataContractBuilder
diff --git a/datahub-web-react/src/app/entity/shared/tabs/Documentation/components/DescriptionPreviewModal.tsx b/datahub-web-react/src/app/entity/shared/tabs/Documentation/components/DescriptionPreviewModal.tsx
index 75045c50b43e76..fe91668ef064f2 100644
--- a/datahub-web-react/src/app/entity/shared/tabs/Documentation/components/DescriptionPreviewModal.tsx
+++ b/datahub-web-react/src/app/entity/shared/tabs/Documentation/components/DescriptionPreviewModal.tsx
@@ -52,7 +52,7 @@ export const DescriptionPreviewModal = ({ description, editMode, onClose }: Desc
                 style={modalStyle}
                 bodyStyle={bodyStyle}
                 title={undefined}
-                visible
+                open
                 footer={null}
                 closable={false}
                 onCancel={onConfirmClose}
diff --git a/datahub-web-react/src/app/entity/shared/tabs/Documentation/components/DiscardDescriptionModal.tsx b/datahub-web-react/src/app/entity/shared/tabs/Documentation/components/DiscardDescriptionModal.tsx
index ce54fe711da837..72a7b9c5e9cf25 100644
--- a/datahub-web-react/src/app/entity/shared/tabs/Documentation/components/DiscardDescriptionModal.tsx
+++ b/datahub-web-react/src/app/entity/shared/tabs/Documentation/components/DiscardDescriptionModal.tsx
@@ -12,7 +12,7 @@ export const DiscardDescriptionModal = ({ cancelModalVisible, onDiscard, onCance
         <>
             <Modal
                 title="Exit Editor"
-                visible={cancelModalVisible}
+                open={cancelModalVisible}
                 destroyOnClose
                 onCancel={onCancel}
                 footer={[
diff --git a/datahub-web-react/src/app/entity/shared/tabs/Documentation/components/LinkList.tsx b/datahub-web-react/src/app/entity/shared/tabs/Documentation/components/LinkList.tsx
index 9f94a830ac1cfa..7212198bbf61ca 100644
--- a/datahub-web-react/src/app/entity/shared/tabs/Documentation/components/LinkList.tsx
+++ b/datahub-web-react/src/app/entity/shared/tabs/Documentation/components/LinkList.tsx
@@ -107,7 +107,7 @@ export const LinkList = ({ refetch }: LinkListProps) => {
         <>
             <Modal
                 title="Edit Link"
-                visible={editModalVisble}
+                open={editModalVisble}
                 destroyOnClose
                 onCancel={handleClose}
                 footer={[
diff --git a/datahub-web-react/src/app/entity/shared/tabs/Documentation/components/editor/toolbar/AddImageButton.tsx b/datahub-web-react/src/app/entity/shared/tabs/Documentation/components/editor/toolbar/AddImageButton.tsx
index 0037677962155e..5dc18564a01e91 100644
--- a/datahub-web-react/src/app/entity/shared/tabs/Documentation/components/editor/toolbar/AddImageButton.tsx
+++ b/datahub-web-react/src/app/entity/shared/tabs/Documentation/components/editor/toolbar/AddImageButton.tsx
@@ -37,7 +37,7 @@ export const AddImageButton = () => {
                 commandName="insertImage"
                 onClick={handleButtonClick}
             />
-            <Modal title="Add Image" visible={isModalVisible} okText="Save" onOk={handleOk} onCancel={handleCancel}>
+            <Modal title="Add Image" open={isModalVisible} okText="Save" onOk={handleOk} onCancel={handleCancel}>
                 <Form form={form} layout="vertical" colon={false} requiredMark={false}>
                     <Form.Item
                         name="src"
diff --git a/datahub-web-react/src/app/entity/shared/tabs/Documentation/components/editor/toolbar/AddLinkButton.tsx b/datahub-web-react/src/app/entity/shared/tabs/Documentation/components/editor/toolbar/AddLinkButton.tsx
index 4693ebbcb54c4a..f448d649ca99a9 100644
--- a/datahub-web-react/src/app/entity/shared/tabs/Documentation/components/editor/toolbar/AddLinkButton.tsx
+++ b/datahub-web-react/src/app/entity/shared/tabs/Documentation/components/editor/toolbar/AddLinkButton.tsx
@@ -24,7 +24,7 @@ export const AddLinkButton = () => {
                 commandName="insertLink"
                 onClick={handleButtonClick}
             />
-            <LinkModal visible={isModalVisible} handleClose={handleClose} />
+            <LinkModal open={isModalVisible} handleClose={handleClose} />
         </>
     );
 };
diff --git a/datahub-web-react/src/app/entity/shared/tabs/Documentation/components/editor/toolbar/FloatingToolbar.tsx b/datahub-web-react/src/app/entity/shared/tabs/Documentation/components/editor/toolbar/FloatingToolbar.tsx
index 24e87853b58c7f..bcd8e44b367619 100644
--- a/datahub-web-react/src/app/entity/shared/tabs/Documentation/components/editor/toolbar/FloatingToolbar.tsx
+++ b/datahub-web-react/src/app/entity/shared/tabs/Documentation/components/editor/toolbar/FloatingToolbar.tsx
@@ -112,7 +112,7 @@ export const FloatingToolbar = () => {
                     </ToolbarContainer>
                 </FloatingWrapper>
             )}
-            <LinkModal visible={isModalVisible} handleClose={handleClose} />
+            <LinkModal open={isModalVisible} handleClose={handleClose} />
         </>
     );
 };
diff --git a/datahub-web-react/src/app/entity/shared/tabs/Documentation/components/editor/toolbar/LinkModal.tsx b/datahub-web-react/src/app/entity/shared/tabs/Documentation/components/editor/toolbar/LinkModal.tsx
index 14698291575c4b..81fce2635f12ef 100644
--- a/datahub-web-react/src/app/entity/shared/tabs/Documentation/components/editor/toolbar/LinkModal.tsx
+++ b/datahub-web-react/src/app/entity/shared/tabs/Documentation/components/editor/toolbar/LinkModal.tsx
@@ -5,12 +5,12 @@ import { useAttrs, useCommands, useEditorState, useHelpers } from '@remirror/rea
 import { getMarkRange } from '@remirror/core-utils';
 
 type LinkModalProps = {
-    visible: boolean;
+    open: boolean;
     handleClose: () => void;
 };
 
 export const LinkModal = (props: LinkModalProps) => {
-    const { visible, handleClose } = props;
+    const { open, handleClose } = props;
 
     const [trPos, setTrPos] = useState<FromToProps>({ from: 0, to: 0 });
     const [form] = Form.useForm();
@@ -22,7 +22,7 @@ export const LinkModal = (props: LinkModalProps) => {
     const href = (useAttrs().link()?.href as string) ?? '';
 
     useEffect(() => {
-        if (visible) {
+        if (open) {
             const { from, to } = editorState.selection;
             const pos = getMarkRange(editorState.doc.resolve(from), 'link') || { from, to };
 
@@ -34,7 +34,7 @@ export const LinkModal = (props: LinkModalProps) => {
             setTrPos(pos);
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [visible]);
+    }, [open]);
 
     const handleOk = async () => {
         try {
@@ -58,7 +58,7 @@ export const LinkModal = (props: LinkModalProps) => {
     };
 
     return (
-        <Modal title="Add Link" okText="Save" onCancel={handleClose} onOk={handleOk} visible={visible}>
+        <Modal title="Add Link" okText="Save" onCancel={handleClose} onOk={handleOk} open={open}>
             <Form
                 form={form}
                 layout="vertical"
diff --git a/datahub-web-react/src/app/entity/shared/tabs/Incident/IncidentTab.tsx b/datahub-web-react/src/app/entity/shared/tabs/Incident/IncidentTab.tsx
index 47627068ad4ce5..f2b03a11ffb55a 100644
--- a/datahub-web-react/src/app/entity/shared/tabs/Incident/IncidentTab.tsx
+++ b/datahub-web-react/src/app/entity/shared/tabs/Incident/IncidentTab.tsx
@@ -87,7 +87,7 @@ export const IncidentTab = () => {
                     </Button>
                     <AddIncidentModal
                         refetch={refetch}
-                        visible={isRaiseIncidentModalVisible}
+                        open={isRaiseIncidentModalVisible}
                         onClose={() => setIsRaiseIncidentModalVisible(false)}
                     />
                 </TabToolbar>
diff --git a/datahub-web-react/src/app/entity/shared/tabs/Incident/components/AddIncidentModal.tsx b/datahub-web-react/src/app/entity/shared/tabs/Incident/components/AddIncidentModal.tsx
index bb83f0f9ddaf76..fda8c9cda2d0da 100644
--- a/datahub-web-react/src/app/entity/shared/tabs/Incident/components/AddIncidentModal.tsx
+++ b/datahub-web-react/src/app/entity/shared/tabs/Incident/components/AddIncidentModal.tsx
@@ -11,12 +11,12 @@ import handleGraphQLError from '../../../../../shared/handleGraphQLError';
 import { useUserContext } from '../../../../../context/useUserContext';
 
 type AddIncidentProps = {
-    visible: boolean;
+    open: boolean;
     onClose?: () => void;
     refetch?: () => Promise<any>;
 };
 
-export const AddIncidentModal = ({ visible, onClose, refetch }: AddIncidentProps) => {
+export const AddIncidentModal = ({ open, onClose, refetch }: AddIncidentProps) => {
     const { urn, entityType } = useEntityData();
     const { user } = useUserContext();
     const incidentTypes = INCIDENT_DISPLAY_TYPES;
@@ -109,7 +109,7 @@ export const AddIncidentModal = ({ visible, onClose, refetch }: AddIncidentProps
         <>
             <Modal
                 title="Raise Incident"
-                visible={visible}
+                open={open}
                 destroyOnClose
                 onCancel={handleClose}
                 footer={[
diff --git a/datahub-web-react/src/app/entity/shared/tabs/Incident/components/ResolveIncidentModal.tsx b/datahub-web-react/src/app/entity/shared/tabs/Incident/components/ResolveIncidentModal.tsx
index b915ef0a76a3f9..cdc82420a73b23 100644
--- a/datahub-web-react/src/app/entity/shared/tabs/Incident/components/ResolveIncidentModal.tsx
+++ b/datahub-web-react/src/app/entity/shared/tabs/Incident/components/ResolveIncidentModal.tsx
@@ -31,7 +31,7 @@ export const ResolveIncidentModal = ({
         <>
             <Modal
                 title="Resolve Incident"
-                visible={isResolvedModalVisible}
+                open={isResolvedModalVisible}
                 destroyOnClose
                 onCancel={handleClose}
                 footer={[
diff --git a/datahub-web-react/src/app/entity/user/UserEditProfileModal.tsx b/datahub-web-react/src/app/entity/user/UserEditProfileModal.tsx
index d9314df7e11ae7..7096534c992940 100644
--- a/datahub-web-react/src/app/entity/user/UserEditProfileModal.tsx
+++ b/datahub-web-react/src/app/entity/user/UserEditProfileModal.tsx
@@ -16,7 +16,7 @@ type PropsData = {
 };
 
 type Props = {
-    visible: boolean;
+    open: boolean;
     onClose: () => void;
     onSave: () => void;
     editModalData: PropsData;
@@ -24,7 +24,7 @@ type Props = {
 /** Regex Validations */
 export const USER_NAME_REGEX = new RegExp('^[a-zA-Z ]*$');
 
-export default function UserEditProfileModal({ visible, onClose, onSave, editModalData }: Props) {
+export default function UserEditProfileModal({ open, onClose, onSave, editModalData }: Props) {
     const { config } = useAppConfig();
     const { readOnlyModeEnabled } = config.featureFlags;
     const [updateCorpUserPropertiesMutation] = useUpdateCorpUserPropertiesMutation();
@@ -95,7 +95,7 @@ export default function UserEditProfileModal({ visible, onClose, onSave, editMod
     return (
         <Modal
             title="Edit Profile"
-            visible={visible}
+            open={open}
             onCancel={onClose}
             footer={
                 <>
diff --git a/datahub-web-react/src/app/entity/user/UserInfoSideBar.tsx b/datahub-web-react/src/app/entity/user/UserInfoSideBar.tsx
index 4e3dc45489b552..8d3b1b43bad56b 100644
--- a/datahub-web-react/src/app/entity/user/UserInfoSideBar.tsx
+++ b/datahub-web-react/src/app/entity/user/UserInfoSideBar.tsx
@@ -174,7 +174,7 @@ export default function UserInfoSideBar({ sideBarData, refetch }: Props) {
             </SideBar>
             {/* Modal */}
             <UserEditProfileModal
-                visible={editProfileModal}
+                open={editProfileModal}
                 onClose={() => showEditProfileModal(false)}
                 onSave={() => {
                     refetch();
diff --git a/datahub-web-react/src/app/entity/view/builder/ViewBuilderModal.tsx b/datahub-web-react/src/app/entity/view/builder/ViewBuilderModal.tsx
index a69e7e156ba9a2..ff49a9d06d1ead 100644
--- a/datahub-web-react/src/app/entity/view/builder/ViewBuilderModal.tsx
+++ b/datahub-web-react/src/app/entity/view/builder/ViewBuilderModal.tsx
@@ -77,7 +77,7 @@ export const ViewBuilderModal = ({ mode, urn, initialState, onSubmit, onCancel }
                 }
                 style={modalStyle}
                 bodyStyle={modalBodyStyle}
-                visible
+                open
                 width={modalWidth}
                 onCancel={onCancel}
                 data-testid="view-modal"
diff --git a/datahub-web-react/src/app/identity/group/AssignRoletoGroupConfirmation.tsx b/datahub-web-react/src/app/identity/group/AssignRoletoGroupConfirmation.tsx
index f08b607222de66..513a85c97ffc15 100644
--- a/datahub-web-react/src/app/identity/group/AssignRoletoGroupConfirmation.tsx
+++ b/datahub-web-react/src/app/identity/group/AssignRoletoGroupConfirmation.tsx
@@ -5,7 +5,7 @@ import { DataHubRole } from '../../../types.generated';
 import analytics, { EventType } from '../../analytics';
 
 type Props = {
-    visible: boolean;
+    open: boolean;
     roleToAssign: DataHubRole | undefined;
     groupName: string;
     groupUrn: string;
@@ -14,7 +14,7 @@ type Props = {
 };
 
 export default function AssignRoletoGroupConfirmation({
-    visible,
+    open,
     roleToAssign,
     groupName,
     groupUrn,
@@ -63,5 +63,5 @@ export default function AssignRoletoGroupConfirmation({
         ? `Would you like to assign the role ${roleToAssign?.name} to group ${groupName}?`
         : `Would you like to remove group ${groupName}'s existing role?`;
 
-    return <Popconfirm title={assignRoleText} visible={visible} onConfirm={batchAssignRole} onCancel={onClose} />;
+    return <Popconfirm title={assignRoleText} open={open} onConfirm={batchAssignRole} onCancel={onClose} />;
 }
diff --git a/datahub-web-react/src/app/identity/group/CreateGroupModal.tsx b/datahub-web-react/src/app/identity/group/CreateGroupModal.tsx
index 4ba714ca23ae06..b24fc8f17b49fc 100644
--- a/datahub-web-react/src/app/identity/group/CreateGroupModal.tsx
+++ b/datahub-web-react/src/app/identity/group/CreateGroupModal.tsx
@@ -89,7 +89,7 @@ export default function CreateGroupModal({ onClose, onCreate }: Props) {
         <Modal
             width={700}
             title="Create new group"
-            visible
+            open
             onCancel={onClose}
             footer={
                 <>
diff --git a/datahub-web-react/src/app/identity/group/SelectRoleGroup.tsx b/datahub-web-react/src/app/identity/group/SelectRoleGroup.tsx
index 22c7a4bfb0364d..0e68c4e25af90d 100644
--- a/datahub-web-react/src/app/identity/group/SelectRoleGroup.tsx
+++ b/datahub-web-react/src/app/identity/group/SelectRoleGroup.tsx
@@ -90,7 +90,7 @@ export default function SelectRoleGroup({ group, groupRoleUrn, selectRoleOptions
                 {selectOptions}
             </RoleSelect>
             <AssignRoletoGroupConfirmation
-                visible={isViewingAssignRole}
+                open={isViewingAssignRole}
                 roleToAssign={rolesMap.get(currentRoleUrn)}
                 groupUrn={group.urn}
                 groupName={group?.info?.displayName as string}
diff --git a/datahub-web-react/src/app/identity/user/AssignRoleConfirmation.tsx b/datahub-web-react/src/app/identity/user/AssignRoleConfirmation.tsx
index 25ad345df3e552..8fe6b3e99fc7c2 100644
--- a/datahub-web-react/src/app/identity/user/AssignRoleConfirmation.tsx
+++ b/datahub-web-react/src/app/identity/user/AssignRoleConfirmation.tsx
@@ -5,7 +5,7 @@ import { DataHubRole } from '../../../types.generated';
 import analytics, { EventType } from '../../analytics';
 
 type Props = {
-    visible: boolean;
+    open: boolean;
     roleToAssign: DataHubRole | undefined;
     userUrn: string;
     username: string;
@@ -13,14 +13,7 @@ type Props = {
     onConfirm: () => void;
 };
 
-export default function AssignRoleConfirmation({
-    visible,
-    roleToAssign,
-    userUrn,
-    username,
-    onClose,
-    onConfirm,
-}: Props) {
+export default function AssignRoleConfirmation({ open, roleToAssign, userUrn, username, onClose, onConfirm }: Props) {
     const [batchAssignRoleMutation] = useBatchAssignRoleMutation();
     // eslint-disable-next-line
     const batchAssignRole = () => {
@@ -63,5 +56,5 @@ export default function AssignRoleConfirmation({
         ? `Would you like to assign the role ${roleToAssign?.name} to ${username}?`
         : `Would you like to remove ${username}'s existing role?`;
 
-    return <Popconfirm title={assignRoleText} visible={visible} onConfirm={batchAssignRole} onCancel={onClose} />;
+    return <Popconfirm title={assignRoleText} open={open} onConfirm={batchAssignRole} onCancel={onClose} />;
 }
diff --git a/datahub-web-react/src/app/identity/user/SelectRole.tsx b/datahub-web-react/src/app/identity/user/SelectRole.tsx
index deaa85f14b0883..7e9acb08ed0bcb 100644
--- a/datahub-web-react/src/app/identity/user/SelectRole.tsx
+++ b/datahub-web-react/src/app/identity/user/SelectRole.tsx
@@ -90,7 +90,7 @@ export default function SelectRole({ user, userRoleUrn, selectRoleOptions, refet
                 {selectOptions}
             </RoleSelect>
             <AssignRoleConfirmation
-                visible={isViewingAssignRole}
+                open={isViewingAssignRole}
                 roleToAssign={rolesMap.get(currentRoleUrn)}
                 userUrn={user.urn}
                 username={user.username}
diff --git a/datahub-web-react/src/app/identity/user/UserList.tsx b/datahub-web-react/src/app/identity/user/UserList.tsx
index 4a9e84d6e2248a..e5c682299705b3 100644
--- a/datahub-web-react/src/app/identity/user/UserList.tsx
+++ b/datahub-web-react/src/app/identity/user/UserList.tsx
@@ -182,10 +182,7 @@ export const UserList = () => {
                     />
                 </UserPaginationContainer>
                 {canManagePolicies && (
-                    <ViewInviteTokenModal
-                        visible={isViewingInviteToken}
-                        onClose={() => setIsViewingInviteToken(false)}
-                    />
+                    <ViewInviteTokenModal open={isViewingInviteToken} onClose={() => setIsViewingInviteToken(false)} />
                 )}
             </UserContainer>
         </>
diff --git a/datahub-web-react/src/app/identity/user/UserListItem.tsx b/datahub-web-react/src/app/identity/user/UserListItem.tsx
index d7974267de49d2..486646c05bd6b2 100644
--- a/datahub-web-react/src/app/identity/user/UserListItem.tsx
+++ b/datahub-web-react/src/app/identity/user/UserListItem.tsx
@@ -149,7 +149,7 @@ export default function UserListItem({ user, canManageUserCredentials, selectRol
                 </Dropdown>
             </ButtonGroup>
             <ViewResetTokenModal
-                visible={isViewingResetToken}
+                open={isViewingResetToken}
                 userUrn={user.urn}
                 username={user.username}
                 onClose={() => setIsViewingResetToken(false)}
diff --git a/datahub-web-react/src/app/identity/user/ViewInviteTokenModal.tsx b/datahub-web-react/src/app/identity/user/ViewInviteTokenModal.tsx
index b823d7bace5499..4f4d2d5b8c69ea 100644
--- a/datahub-web-react/src/app/identity/user/ViewInviteTokenModal.tsx
+++ b/datahub-web-react/src/app/identity/user/ViewInviteTokenModal.tsx
@@ -65,11 +65,11 @@ const RoleIcon = styled.span`
 `;
 
 type Props = {
-    visible: boolean;
+    open: boolean;
     onClose: () => void;
 };
 
-export default function ViewInviteTokenModal({ visible, onClose }: Props) {
+export default function ViewInviteTokenModal({ open, onClose }: Props) {
     const baseUrl = window.location.origin;
     const location = useLocation();
     const params = QueryString.parse(location.search, { arrayFormat: 'comma' });
@@ -110,7 +110,7 @@ export default function ViewInviteTokenModal({ visible, onClose }: Props) {
 
     // Code related to getting or creating an invite token
     const { data: getInviteTokenData } = useGetInviteTokenQuery({
-        skip: !visible,
+        skip: !open,
         variables: { input: { roleUrn: selectedRole?.urn } },
     });
 
@@ -167,7 +167,7 @@ export default function ViewInviteTokenModal({ visible, onClose }: Props) {
                     <b>Share Invite Link</b>
                 </Typography.Text>
             }
-            visible={visible}
+            open={open}
             onCancel={onClose}
         >
             <ModalSection>
diff --git a/datahub-web-react/src/app/identity/user/ViewResetTokenModal.tsx b/datahub-web-react/src/app/identity/user/ViewResetTokenModal.tsx
index 42754c4c4d3621..4711040bf8f5ec 100644
--- a/datahub-web-react/src/app/identity/user/ViewResetTokenModal.tsx
+++ b/datahub-web-react/src/app/identity/user/ViewResetTokenModal.tsx
@@ -34,13 +34,13 @@ const CreateResetTokenButton = styled(Button)`
 `;
 
 type Props = {
-    visible: boolean;
+    open: boolean;
     userUrn: string;
     username: string;
     onClose: () => void;
 };
 
-export default function ViewResetTokenModal({ visible, userUrn, username, onClose }: Props) {
+export default function ViewResetTokenModal({ open, userUrn, username, onClose }: Props) {
     const baseUrl = window.location.origin;
     const [hasGeneratedResetToken, setHasGeneratedResetToken] = useState(false);
 
@@ -87,7 +87,7 @@ export default function ViewResetTokenModal({ visible, userUrn, username, onClos
                     <b>Reset User Password</b>
                 </Typography.Text>
             }
-            visible={visible}
+            open={open}
             onCancel={onClose}
         >
             {hasGeneratedResetToken ? (
diff --git a/datahub-web-react/src/app/ingest/secret/SecretBuilderModal.tsx b/datahub-web-react/src/app/ingest/secret/SecretBuilderModal.tsx
index 2d20ac77891ea0..8f42505e5e07ae 100644
--- a/datahub-web-react/src/app/ingest/secret/SecretBuilderModal.tsx
+++ b/datahub-web-react/src/app/ingest/secret/SecretBuilderModal.tsx
@@ -10,13 +10,13 @@ const VALUE_FIELD_NAME = 'value';
 type Props = {
     initialState?: SecretBuilderState;
     editSecret?: SecretBuilderState;
-    visible: boolean;
+    open: boolean;
     onSubmit?: (source: SecretBuilderState, resetState: () => void) => void;
     onUpdate?: (source: SecretBuilderState, resetState: () => void) => void;
     onCancel?: () => void;
 };
 
-export const SecretBuilderModal = ({ initialState, editSecret, visible, onSubmit, onUpdate, onCancel }: Props) => {
+export const SecretBuilderModal = ({ initialState, editSecret, open, onSubmit, onUpdate, onCancel }: Props) => {
     const [createButtonEnabled, setCreateButtonEnabled] = useState(false);
     const [form] = Form.useForm();
 
@@ -52,7 +52,7 @@ export const SecretBuilderModal = ({ initialState, editSecret, visible, onSubmit
         <Modal
             width={540}
             title={<Typography.Text>{titleText}</Typography.Text>}
-            visible={visible}
+            open={open}
             onCancel={onCloseModal}
             zIndex={1051} // one higher than other modals - needed for managed ingestion forms
             footer={
diff --git a/datahub-web-react/src/app/ingest/secret/SecretsList.tsx b/datahub-web-react/src/app/ingest/secret/SecretsList.tsx
index 472dbf7f849dee..145bf3dd029fbc 100644
--- a/datahub-web-react/src/app/ingest/secret/SecretsList.tsx
+++ b/datahub-web-react/src/app/ingest/secret/SecretsList.tsx
@@ -294,7 +294,7 @@ export const SecretsList = () => {
                 </SourcePaginationContainer>
             </div>
             <SecretBuilderModal
-                visible={isCreatingSecret}
+                open={isCreatingSecret}
                 editSecret={editSecret}
                 onUpdate={onUpdate}
                 onSubmit={onSubmit}
diff --git a/datahub-web-react/src/app/ingest/source/IngestionSourceList.tsx b/datahub-web-react/src/app/ingest/source/IngestionSourceList.tsx
index 21a9be9dfb386a..d9ab4cdc499f5d 100644
--- a/datahub-web-react/src/app/ingest/source/IngestionSourceList.tsx
+++ b/datahub-web-react/src/app/ingest/source/IngestionSourceList.tsx
@@ -453,17 +453,13 @@ export const IngestionSourceList = () => {
             </SourceContainer>
             <IngestionSourceBuilderModal
                 initialState={removeExecutionsFromIngestionSource(focusSource)}
-                visible={isBuildingSource}
+                open={isBuildingSource}
                 onSubmit={onSubmit}
                 onCancel={onCancel}
             />
             {isViewingRecipe && <RecipeViewerModal recipe={focusSource?.config.recipe} onCancel={onCancel} />}
             {focusExecutionUrn && (
-                <ExecutionDetailsModal
-                    urn={focusExecutionUrn}
-                    visible
-                    onClose={() => setFocusExecutionUrn(undefined)}
-                />
+                <ExecutionDetailsModal urn={focusExecutionUrn} open onClose={() => setFocusExecutionUrn(undefined)} />
             )}
         </>
     );
diff --git a/datahub-web-react/src/app/ingest/source/RecipeViewerModal.tsx b/datahub-web-react/src/app/ingest/source/RecipeViewerModal.tsx
index 99c93d2a174fc3..f08747e757e581 100644
--- a/datahub-web-react/src/app/ingest/source/RecipeViewerModal.tsx
+++ b/datahub-web-react/src/app/ingest/source/RecipeViewerModal.tsx
@@ -18,7 +18,7 @@ function RecipeViewerModal({ recipe, onCancel }: Props) {
 
     return (
         <Modal
-            visible
+            open
             onCancel={onCancel}
             width={800}
             title="View Ingestion Recipe"
diff --git a/datahub-web-react/src/app/ingest/source/builder/IngestionSourceBuilderModal.tsx b/datahub-web-react/src/app/ingest/source/builder/IngestionSourceBuilderModal.tsx
index a41a8ec0f12ab9..be77e30afc0b40 100644
--- a/datahub-web-react/src/app/ingest/source/builder/IngestionSourceBuilderModal.tsx
+++ b/datahub-web-react/src/app/ingest/source/builder/IngestionSourceBuilderModal.tsx
@@ -63,12 +63,12 @@ const modalBodyStyle = { padding: '16px 24px 16px 24px', backgroundColor: '#F6F6
 
 type Props = {
     initialState?: SourceBuilderState;
-    visible: boolean;
+    open: boolean;
     onSubmit?: (input: SourceBuilderState, resetState: () => void, shouldRun?: boolean) => void;
     onCancel?: () => void;
 };
 
-export const IngestionSourceBuilderModal = ({ initialState, visible, onSubmit, onCancel }: Props) => {
+export const IngestionSourceBuilderModal = ({ initialState, open, onSubmit, onCancel }: Props) => {
     const isEditing = initialState !== undefined;
     const titleText = isEditing ? 'Edit Data Source' : 'Connect Data Source';
     const initialStep = isEditing
@@ -139,7 +139,7 @@ export const IngestionSourceBuilderModal = ({ initialState, visible, onSubmit, o
             }
             style={{ top: 40 }}
             bodyStyle={modalBodyStyle}
-            visible={visible}
+            open={open}
             onCancel={onCancel}
         >
             {currentStepIndex > 0 ? (
diff --git a/datahub-web-react/src/app/ingest/source/builder/RecipeForm/SecretField/CreateSecretButton.tsx b/datahub-web-react/src/app/ingest/source/builder/RecipeForm/SecretField/CreateSecretButton.tsx
index 8561805e6270cf..b5788c3ecb116a 100644
--- a/datahub-web-react/src/app/ingest/source/builder/RecipeForm/SecretField/CreateSecretButton.tsx
+++ b/datahub-web-react/src/app/ingest/source/builder/RecipeForm/SecretField/CreateSecretButton.tsx
@@ -64,7 +64,7 @@ function CreateSecretButton({ initialState, onSubmit, refetchSecrets }: Props) {
             {isCreateModalVisible && (
                 <SecretBuilderModal
                     initialState={initialState}
-                    visible={isCreateModalVisible}
+                    open={isCreateModalVisible}
                     onCancel={() => setIsCreateModalVisible(false)}
                     onSubmit={createSecret}
                 />
diff --git a/datahub-web-react/src/app/ingest/source/builder/RecipeForm/TestConnection/TestConnectionModal.tsx b/datahub-web-react/src/app/ingest/source/builder/RecipeForm/TestConnection/TestConnectionModal.tsx
index 3528c5d7fa50c7..3a0bc47fa7d262 100644
--- a/datahub-web-react/src/app/ingest/source/builder/RecipeForm/TestConnection/TestConnectionModal.tsx
+++ b/datahub-web-react/src/app/ingest/source/builder/RecipeForm/TestConnection/TestConnectionModal.tsx
@@ -101,7 +101,7 @@ function TestConnectionModal({
 
     return (
         <Modal
-            visible
+            open
             onCancel={hideModal}
             footer={<Button onClick={hideModal}>Done</Button>}
             title={
diff --git a/datahub-web-react/src/app/ingest/source/executions/ExecutionRequestDetailsModal.tsx b/datahub-web-react/src/app/ingest/source/executions/ExecutionRequestDetailsModal.tsx
index 6711f0ad12b03c..c8d41888867507 100644
--- a/datahub-web-react/src/app/ingest/source/executions/ExecutionRequestDetailsModal.tsx
+++ b/datahub-web-react/src/app/ingest/source/executions/ExecutionRequestDetailsModal.tsx
@@ -113,11 +113,11 @@ type DetailsContainerProps = {
 
 type Props = {
     urn: string;
-    visible: boolean;
+    open: boolean;
     onClose: () => void;
 };
 
-export const ExecutionDetailsModal = ({ urn, visible, onClose }: Props) => {
+export const ExecutionDetailsModal = ({ urn, open, onClose }: Props) => {
     const [showExpandedLogs, setShowExpandedLogs] = useState(false);
     const [showExpandedRecipe, setShowExpandedRecipe] = useState(false);
 
@@ -178,7 +178,7 @@ export const ExecutionDetailsModal = ({ urn, visible, onClose }: Props) => {
                     <StyledTitle level={4}>Sync Details</StyledTitle>
                 </HeaderSection>
             }
-            visible={visible}
+            open={open}
             onCancel={onClose}
         >
             {!data && loading && <Message type="loading" content="Loading sync details..." />}
diff --git a/datahub-web-react/src/app/ingest/source/executions/IngestionSourceExecutionList.tsx b/datahub-web-react/src/app/ingest/source/executions/IngestionSourceExecutionList.tsx
index 6a75ddb3200c87..9c40a3334df174 100644
--- a/datahub-web-react/src/app/ingest/source/executions/IngestionSourceExecutionList.tsx
+++ b/datahub-web-react/src/app/ingest/source/executions/IngestionSourceExecutionList.tsx
@@ -172,7 +172,7 @@ export const IngestionSourceExecutionList = ({ urn, isExpanded, lastRefresh, onR
             {focusExecutionUrn && (
                 <ExecutionDetailsModal
                     urn={focusExecutionUrn}
-                    visible={focusExecutionUrn !== undefined}
+                    open={focusExecutionUrn !== undefined}
                     onClose={() => setFocusExecutionUrn(undefined)}
                 />
             )}
diff --git a/datahub-web-react/src/app/lineage/LineageExplorer.tsx b/datahub-web-react/src/app/lineage/LineageExplorer.tsx
index ce0c4bb8f122d4..6d5815afe7d308 100644
--- a/datahub-web-react/src/app/lineage/LineageExplorer.tsx
+++ b/datahub-web-react/src/app/lineage/LineageExplorer.tsx
@@ -210,7 +210,7 @@ export default function LineageExplorer({ urn, type }: Props) {
                 placement="left"
                 closable={false}
                 onClose={handleClose}
-                visible={isDrawerVisible}
+                open={isDrawerVisible}
                 width={490}
                 bodyStyle={{ overflowX: 'hidden' }}
                 mask={false}
diff --git a/datahub-web-react/src/app/lineage/manage/ManageLineageModal.tsx b/datahub-web-react/src/app/lineage/manage/ManageLineageModal.tsx
index 6f459034579d3e..ed792724ebedf7 100644
--- a/datahub-web-react/src/app/lineage/manage/ManageLineageModal.tsx
+++ b/datahub-web-react/src/app/lineage/manage/ManageLineageModal.tsx
@@ -117,7 +117,7 @@ export default function ManageLineageModal({
     return (
         <StyledModal
             title={<TitleText>Manage {lineageDirection} Lineage</TitleText>}
-            visible
+            open
             onCancel={closeModal}
             keyboard
             footer={
diff --git a/datahub-web-react/src/app/permissions/policy/ManagePolicies.tsx b/datahub-web-react/src/app/permissions/policy/ManagePolicies.tsx
index 5838271b3de5b0..51fbc83d320632 100644
--- a/datahub-web-react/src/app/permissions/policy/ManagePolicies.tsx
+++ b/datahub-web-react/src/app/permissions/policy/ManagePolicies.tsx
@@ -426,7 +426,7 @@ export const ManagePolicies = () => {
                     focusPolicyUrn={focusPolicyUrn}
                     policy={focusPolicy || EMPTY_POLICY}
                     setPolicy={setFocusPolicy}
-                    visible={showPolicyBuilderModal}
+                    open={showPolicyBuilderModal}
                     onClose={onClosePolicyBuilder}
                     onSave={onSavePolicy}
                 />
@@ -434,7 +434,7 @@ export const ManagePolicies = () => {
             {showViewPolicyModal && (
                 <PolicyDetailsModal
                     policy={focusPolicy}
-                    visible={showViewPolicyModal}
+                    open={showViewPolicyModal}
                     onClose={onCancelViewPolicy}
                     privileges={getPrivilegeNames(focusPolicy)}
                 />
diff --git a/datahub-web-react/src/app/permissions/policy/PolicyBuilderModal.tsx b/datahub-web-react/src/app/permissions/policy/PolicyBuilderModal.tsx
index 131a586329ff53..7471aa476dc23e 100644
--- a/datahub-web-react/src/app/permissions/policy/PolicyBuilderModal.tsx
+++ b/datahub-web-react/src/app/permissions/policy/PolicyBuilderModal.tsx
@@ -12,7 +12,7 @@ import ClickOutside from '../../shared/ClickOutside';
 type Props = {
     policy: Omit<Policy, 'urn'>;
     setPolicy: (policy: Omit<Policy, 'urn'>) => void;
-    visible: boolean;
+    open: boolean;
     focusPolicyUrn: string | undefined;
     onClose: () => void;
     onSave: (savePolicy: Omit<Policy, 'urn'>) => void;
@@ -40,7 +40,7 @@ const NextButtonContainer = styled.div`
  * Component used for constructing new policies. The purpose of this flow is to populate or edit a Policy
  * object through a sequence of steps.
  */
-export default function PolicyBuilderModal({ policy, setPolicy, visible, onClose, onSave, focusPolicyUrn }: Props) {
+export default function PolicyBuilderModal({ policy, setPolicy, open, onClose, onSave, focusPolicyUrn }: Props) {
     // Step control-flow.
     const [activeStepIndex, setActiveStepIndex] = useState(0);
     const [selectedTags, setSelectedTags] = useState<any[]>([]);
@@ -168,7 +168,7 @@ export default function PolicyBuilderModal({ policy, setPolicy, visible, onClose
             <Modal
                 wrapClassName="PolicyBuilderModal"
                 title={isEditing ? 'Edit a Policy' : 'Create a new Policy'}
-                visible={visible}
+                open={open}
                 onCancel={onClose}
                 closable
                 width={750}
diff --git a/datahub-web-react/src/app/permissions/policy/PolicyDetailsModal.tsx b/datahub-web-react/src/app/permissions/policy/PolicyDetailsModal.tsx
index 5a1786374f919f..88a1388ba95891 100644
--- a/datahub-web-react/src/app/permissions/policy/PolicyDetailsModal.tsx
+++ b/datahub-web-react/src/app/permissions/policy/PolicyDetailsModal.tsx
@@ -15,7 +15,7 @@ type PrivilegeOptionType = {
 
 type Props = {
     policy: Omit<Policy, 'urn'>;
-    visible: boolean;
+    open: boolean;
     onClose: () => void;
     privileges: PrivilegeOptionType[] | undefined;
 };
@@ -60,7 +60,7 @@ const Privileges = styled.div`
 /**
  * Component used for displaying the details about an existing Policy.
  */
-export default function PolicyDetailsModal({ policy, visible, onClose, privileges }: Props) {
+export default function PolicyDetailsModal({ policy, open, onClose, privileges }: Props) {
     const entityRegistry = useEntityRegistry();
 
     const isActive = policy?.state === PolicyState.Active;
@@ -121,7 +121,7 @@ export default function PolicyDetailsModal({ policy, visible, onClose, privilege
     };
 
     return (
-        <Modal title={policy?.name} visible={visible} onCancel={onClose} closable width={800} footer={actionButtons}>
+        <Modal title={policy?.name} open={open} onCancel={onClose} closable width={800} footer={actionButtons}>
             <PolicyContainer>
                 <div>
                     <Typography.Title level={5}>Type</Typography.Title>
diff --git a/datahub-web-react/src/app/permissions/roles/ManageRoles.tsx b/datahub-web-react/src/app/permissions/roles/ManageRoles.tsx
index 4982be27fa4214..7c2cec63071adb 100644
--- a/datahub-web-react/src/app/permissions/roles/ManageRoles.tsx
+++ b/datahub-web-react/src/app/permissions/roles/ManageRoles.tsx
@@ -284,7 +284,7 @@ export const ManageRoles = () => {
                     showSizeChanger={false}
                 />
             </PaginationContainer>
-            <RoleDetailsModal role={focusRole as DataHubRole} visible={showViewRoleModal} onClose={resetRoleState} />
+            <RoleDetailsModal role={focusRole as DataHubRole} open={showViewRoleModal} onClose={resetRoleState} />
         </PageContainer>
     );
 };
diff --git a/datahub-web-react/src/app/permissions/roles/RoleDetailsModal.tsx b/datahub-web-react/src/app/permissions/roles/RoleDetailsModal.tsx
index c32e9c07823da7..7bca62c040c2db 100644
--- a/datahub-web-react/src/app/permissions/roles/RoleDetailsModal.tsx
+++ b/datahub-web-react/src/app/permissions/roles/RoleDetailsModal.tsx
@@ -7,7 +7,7 @@ import AvatarsGroup from '../AvatarsGroup';
 
 type Props = {
     role: DataHubRole;
-    visible: boolean;
+    open: boolean;
     onClose: () => void;
 };
 
@@ -34,7 +34,7 @@ const ThinDivider = styled(Divider)`
 /**
  * Component used for displaying the details about an existing Role.
  */
-export default function RoleDetailsModal({ role, visible, onClose }: Props) {
+export default function RoleDetailsModal({ role, open, onClose }: Props) {
     const entityRegistry = useEntityRegistry();
 
     const actionButtons = (
@@ -49,7 +49,7 @@ export default function RoleDetailsModal({ role, visible, onClose }: Props) {
     const policies = castedRole?.policies?.relationships.map((relationship) => relationship.entity as DataHubPolicy);
 
     return (
-        <Modal title={role?.name} visible={visible} onCancel={onClose} closable width={800} footer={actionButtons}>
+        <Modal title={role?.name} open={open} onCancel={onClose} closable width={800} footer={actionButtons}>
             <PolicyContainer>
                 <div>
                     <Typography.Title level={5}>Description</Typography.Title>
diff --git a/datahub-web-react/src/app/preview/EntityPaths/EntityPathsModal.tsx b/datahub-web-react/src/app/preview/EntityPaths/EntityPathsModal.tsx
index 2bb76714d6119d..68c754b6b21d36 100644
--- a/datahub-web-react/src/app/preview/EntityPaths/EntityPathsModal.tsx
+++ b/datahub-web-react/src/app/preview/EntityPaths/EntityPathsModal.tsx
@@ -47,7 +47,7 @@ export default function EntityPathsModal({ paths, resultEntityUrn, hideModal }:
                 </Header>
             }
             width="75vw"
-            visible
+            open
             onCancel={hideModal}
             onOk={hideModal}
             footer={null}
diff --git a/datahub-web-react/src/app/search/AdvancedFilterSelectValueModal.tsx b/datahub-web-react/src/app/search/AdvancedFilterSelectValueModal.tsx
index c562fc6e8349a9..056aca56c13137 100644
--- a/datahub-web-react/src/app/search/AdvancedFilterSelectValueModal.tsx
+++ b/datahub-web-react/src/app/search/AdvancedFilterSelectValueModal.tsx
@@ -187,7 +187,7 @@ export const AdvancedFilterSelectValueModal = ({
             <EditTagTermsModal
                 resources={[]}
                 type={EntityType.Tag}
-                visible
+                open
                 onCloseModal={onCloseModal}
                 onOkOverride={(urns) => {
                     onSelect(urns);
@@ -211,7 +211,7 @@ export const AdvancedFilterSelectValueModal = ({
             <EditTagTermsModal
                 resources={[]}
                 type={EntityType.GlossaryTerm}
-                visible
+                open
                 onCloseModal={onCloseModal}
                 onOkOverride={(urns) => {
                     onSelect(urns);
diff --git a/datahub-web-react/src/app/search/ChooseEntityTypeModal.tsx b/datahub-web-react/src/app/search/ChooseEntityTypeModal.tsx
index 1e31bd74ee06f2..dd611bba346c1b 100644
--- a/datahub-web-react/src/app/search/ChooseEntityTypeModal.tsx
+++ b/datahub-web-react/src/app/search/ChooseEntityTypeModal.tsx
@@ -29,7 +29,7 @@ export const ChooseEntityTypeModal = ({ defaultValues, onCloseModal, onOk, title
     return (
         <Modal
             title={title}
-            visible
+            open
             onCancel={onCloseModal}
             keyboard
             footer={
diff --git a/datahub-web-react/src/app/search/EditTextModal.tsx b/datahub-web-react/src/app/search/EditTextModal.tsx
index 43580d2e2b497e..ea11f6f29381a9 100644
--- a/datahub-web-react/src/app/search/EditTextModal.tsx
+++ b/datahub-web-react/src/app/search/EditTextModal.tsx
@@ -13,7 +13,7 @@ export const EditTextModal = ({ defaultValue, onCloseModal, onOk, title }: Props
     return (
         <Modal
             title={title}
-            visible
+            open
             onCancel={onCloseModal}
             keyboard
             footer={
diff --git a/datahub-web-react/src/app/settings/AccessTokenModal.tsx b/datahub-web-react/src/app/settings/AccessTokenModal.tsx
index 10427210d06928..008cf7999d3eb6 100644
--- a/datahub-web-react/src/app/settings/AccessTokenModal.tsx
+++ b/datahub-web-react/src/app/settings/AccessTokenModal.tsx
@@ -35,13 +35,13 @@ const StyledInfoCircleOutlined = styled(InfoCircleOutlined)`
 `;
 
 type Props = {
-    visible: boolean;
+    open: boolean;
     onClose: () => void;
     accessToken: string;
     expiresInText: string;
 };
 
-export const AccessTokenModal = ({ visible, onClose, accessToken, expiresInText }: Props) => {
+export const AccessTokenModal = ({ open, onClose, accessToken, expiresInText }: Props) => {
     const baseUrl = window.location.origin;
     const accessTokenCurl = `curl -X POST '${baseUrl}/api/graphql' \\
 --header 'Authorization: Bearer ${accessToken}' \\
@@ -56,7 +56,7 @@ export const AccessTokenModal = ({ visible, onClose, accessToken, expiresInText
                     <b> New Personal Access Token</b>
                 </Typography.Text>
             }
-            visible={visible}
+            open={open}
             onCancel={onClose}
             footer={
                 <>
diff --git a/datahub-web-react/src/app/settings/AccessTokens.tsx b/datahub-web-react/src/app/settings/AccessTokens.tsx
index ef58a1b84c1408..6ccca8dd360d70 100644
--- a/datahub-web-react/src/app/settings/AccessTokens.tsx
+++ b/datahub-web-react/src/app/settings/AccessTokens.tsx
@@ -419,7 +419,7 @@ export const AccessTokens = () => {
             </PaginationContainer>
             <CreateTokenModal
                 currentUserUrn={currentUserUrn}
-                visible={isCreatingToken}
+                open={isCreatingToken}
                 onClose={() => setIsCreatingToken(false)}
                 onCreateToken={() => {
                     // Hack to deal with eventual consistency.
diff --git a/datahub-web-react/src/app/settings/CreateTokenModal.tsx b/datahub-web-react/src/app/settings/CreateTokenModal.tsx
index 3cc446651efcbc..e53de77b54e15d 100644
--- a/datahub-web-react/src/app/settings/CreateTokenModal.tsx
+++ b/datahub-web-react/src/app/settings/CreateTokenModal.tsx
@@ -12,7 +12,7 @@ import analytics, { EventType } from '../analytics';
 
 type Props = {
     currentUserUrn: string;
-    visible: boolean;
+    open: boolean;
     onClose: () => void;
     onCreateToken: () => void;
 };
@@ -39,7 +39,7 @@ const OptionText = styled.span<{ isRed: boolean }>`
     ${(props) => props.isRed && `color: ${red[5]};`}
 `;
 
-export default function CreateTokenModal({ currentUserUrn, visible, onClose, onCreateToken }: Props) {
+export default function CreateTokenModal({ currentUserUrn, open, onClose, onCreateToken }: Props) {
     const [selectedTokenDuration, setSelectedTokenDuration] = useState<AccessTokenDuration | null>(null);
 
     const [showModal, setShowModal] = useState(false);
@@ -113,7 +113,7 @@ export default function CreateTokenModal({ currentUserUrn, visible, onClose, onC
         <>
             <Modal
                 title="Create new Token"
-                visible={visible}
+                open={open}
                 onCancel={onModalClose}
                 footer={
                     <>
@@ -192,7 +192,7 @@ export default function CreateTokenModal({ currentUserUrn, visible, onClose, onC
                 </Form>
             </Modal>
             <AccessTokenModal
-                visible={showModal}
+                open={showModal}
                 onClose={onDetailModalClose}
                 accessToken={accessToken || ''}
                 expiresInText={selectedExpiresInText || ''}
diff --git a/datahub-web-react/src/app/shared/businessAttribute/AddBusinessAttributeModal.tsx b/datahub-web-react/src/app/shared/businessAttribute/AddBusinessAttributeModal.tsx
index 5ba0536af1bb34..026cf6f6fa7240 100644
--- a/datahub-web-react/src/app/shared/businessAttribute/AddBusinessAttributeModal.tsx
+++ b/datahub-web-react/src/app/shared/businessAttribute/AddBusinessAttributeModal.tsx
@@ -62,7 +62,7 @@ export const BrowserWrapper = styled.div<{ isHidden: boolean; width?: string; ma
 `;
 
 type EditAttributeModalProps = {
-    visible: boolean;
+    open: boolean;
     onCloseModal: () => void;
     resources: ResourceRefInput[];
     type?: EntityType;
@@ -71,7 +71,7 @@ type EditAttributeModalProps = {
 };
 
 export default function EditBusinessAttributeModal({
-    visible,
+    open,
     type = EntityType.BusinessAttribute,
     operationType = OperationType.ADD,
     onCloseModal,
@@ -316,7 +316,7 @@ export default function EditBusinessAttributeModal({
     return (
         <Modal
             title={`${operationType === OperationType.ADD ? 'Add' : 'Remove'} ${entityRegistry.getEntityName(type)}s`}
-            visible={visible}
+            open={open}
             onCancel={onCloseModal}
             footer={
                 <>
diff --git a/datahub-web-react/src/app/shared/businessAttribute/BusinessAttributeGroup.tsx b/datahub-web-react/src/app/shared/businessAttribute/BusinessAttributeGroup.tsx
index 0e77d650a14332..a8958b028e0ce8 100644
--- a/datahub-web-react/src/app/shared/businessAttribute/BusinessAttributeGroup.tsx
+++ b/datahub-web-react/src/app/shared/businessAttribute/BusinessAttributeGroup.tsx
@@ -84,7 +84,7 @@ export default function BusinessAttributeGroup({
             {showAddModal && !!entityUrn && !!entityType && (
                 <EditBusinessAttributeModal
                     type={addModalType}
-                    visible
+                    open
                     onCloseModal={() => {
                         onOpenModal?.();
                         setShowAddModal(false);
diff --git a/datahub-web-react/src/app/shared/tags/AddTagsTermsModal.tsx b/datahub-web-react/src/app/shared/tags/AddTagsTermsModal.tsx
index 73e99c319441d6..7f2f80e023a6b9 100644
--- a/datahub-web-react/src/app/shared/tags/AddTagsTermsModal.tsx
+++ b/datahub-web-react/src/app/shared/tags/AddTagsTermsModal.tsx
@@ -29,7 +29,7 @@ export enum OperationType {
 }
 
 type EditTagsModalProps = {
-    visible: boolean;
+    open: boolean;
     onCloseModal: () => void;
     resources: ResourceRefInput[];
     type?: EntityType;
@@ -93,7 +93,7 @@ const defaultValuesToSelectedValue = (defaultValues?: { urn: string; entity?: En
 };
 
 export default function EditTagTermsModal({
-    visible,
+    open,
     onCloseModal,
     resources,
     type = EntityType.Tag,
@@ -213,7 +213,7 @@ export default function EditTagTermsModal({
     if (showCreateModal) {
         return (
             <CreateTagModal
-                visible={visible}
+                open={open}
                 onClose={onCloseModal}
                 onBack={handleOnClickBack}
                 tagName={inputValue}
@@ -443,7 +443,7 @@ export default function EditTagTermsModal({
     return (
         <Modal
             title={`${operationType === OperationType.ADD ? 'Add' : 'Remove'} ${entityRegistry.getEntityName(type)}s`}
-            visible={visible}
+            open={open}
             onCancel={onCloseModal}
             footer={
                 <>
diff --git a/datahub-web-react/src/app/shared/tags/CreateTagModal.tsx b/datahub-web-react/src/app/shared/tags/CreateTagModal.tsx
index 874dd3313f8de2..7c20f9a2d10a42 100644
--- a/datahub-web-react/src/app/shared/tags/CreateTagModal.tsx
+++ b/datahub-web-react/src/app/shared/tags/CreateTagModal.tsx
@@ -8,7 +8,7 @@ import { useEnterKeyListener } from '../useEnterKeyListener';
 import { handleBatchError } from '../../entity/shared/utils';
 
 type CreateTagModalProps = {
-    visible: boolean;
+    open: boolean;
     onClose: () => void;
     onBack: () => void;
     tagName: string;
@@ -19,7 +19,7 @@ const FullWidthSpace = styled(Space)`
     width: 100%;
 `;
 
-export default function CreateTagModal({ onClose, onBack, visible, tagName, resources }: CreateTagModalProps) {
+export default function CreateTagModal({ onClose, onBack, open, tagName, resources }: CreateTagModalProps) {
     const [stagedDescription, setStagedDescription] = useState('');
     const [batchAddTagsMutation] = useBatchAddTagsMutation();
 
@@ -80,7 +80,7 @@ export default function CreateTagModal({ onClose, onBack, visible, tagName, reso
     return (
         <Modal
             title={`Create ${tagName}`}
-            visible={visible}
+            open={open}
             onCancel={onClose}
             footer={
                 <>
diff --git a/datahub-web-react/src/app/shared/tags/TagProfileDrawer.tsx b/datahub-web-react/src/app/shared/tags/TagProfileDrawer.tsx
index ffc27685fdc964..bebbdea027d2d1 100644
--- a/datahub-web-react/src/app/shared/tags/TagProfileDrawer.tsx
+++ b/datahub-web-react/src/app/shared/tags/TagProfileDrawer.tsx
@@ -27,7 +27,7 @@ export const TagProfileDrawer = ({ closeTagProfileDrawer, tagProfileDrawerVisibl
                 placement="right"
                 closable={false}
                 onClose={closeTagProfileDrawer}
-                visible={tagProfileDrawerVisible}
+                open={tagProfileDrawerVisible}
                 footer={
                     <DetailsLayout>
                         <Space>
diff --git a/datahub-web-react/src/app/shared/tags/TagTermGroup.tsx b/datahub-web-react/src/app/shared/tags/TagTermGroup.tsx
index 66ff1eaf628923..70d29cd8be7902 100644
--- a/datahub-web-react/src/app/shared/tags/TagTermGroup.tsx
+++ b/datahub-web-react/src/app/shared/tags/TagTermGroup.tsx
@@ -203,7 +203,7 @@ export default function TagTermGroup({
             {showAddModal && !!entityUrn && !!entityType && (
                 <EditTagTermsModal
                     type={addModalType}
-                    visible
+                    open
                     onCloseModal={() => {
                         onOpenModal?.();
                         setShowAddModal(false);