diff --git a/webapp/packages/plugin-connections/src/ConnectionForm/DriverProperties/DriverProperties.tsx b/webapp/packages/plugin-connections/src/ConnectionForm/DriverProperties/DriverProperties.tsx index eb11f8eeb4..4d7ac0dec2 100644 --- a/webapp/packages/plugin-connections/src/ConnectionForm/DriverProperties/DriverProperties.tsx +++ b/webapp/packages/plugin-connections/src/ConnectionForm/DriverProperties/DriverProperties.tsx @@ -11,10 +11,10 @@ import { observer } from 'mobx-react-lite'; import { useMemo, useState } from 'react'; import styled, { css } from 'reshadow'; -import { TabContainerPanelComponent, useTab } from '@cloudbeaver/core-ui'; import { BASE_CONTAINERS_STYLES, ColoredContainer, Group, IProperty, Loader, PropertiesTable, useMapResource } from '@cloudbeaver/core-blocks'; import { DBDriverResource } from '@cloudbeaver/core-connections'; import { useStyles } from '@cloudbeaver/core-theming'; +import { TabContainerPanelComponent, useTab } from '@cloudbeaver/core-ui'; import { uuid } from '@cloudbeaver/core-utils'; import type { IConnectionFormProps } from '../IConnectionFormProps'; @@ -66,10 +66,10 @@ export const DriverProperties: TabContainerPanelComponent DBDriverResource, { key: (selected && formState.config.driverId) || null, includes: ['includeDriverProperties'] }, { - isActive: () => selected && !!formState.config.driverId, + active: selected && !!formState.config.driverId, onData: driver => { for (const key of Object.keys(formState.config.properties)) { - if (driver.driverProperties?.some(property => property.id === key) + if (driver.driverProperties.some(property => property.id === key) || state.propertiesList.some(property => property.key === key)) { continue; }