use named export

Author: Kerry Archibald

src/components/views/settings/devices/CurrentDeviceSection.tsx

@@ -20,7 +20,7 @@ import { LocalNotificationSettings } from 'matrix-js-sdk/src/@types/local_notifi
 import { _t } from '../../../../languageHandler';
 import Spinner from '../../elements/Spinner';
 import SettingsSubsection from '../shared/SettingsSubsection';
-import SettingsSubsectionHeading from '../shared/SettingsSubsectionHeading';
+import { SettingsSubsectionHeading } from '../shared/SettingsSubsectionHeading';
 import DeviceDetails from './DeviceDetails';
 import DeviceExpandDetailsButton from './DeviceExpandDetailsButton';
 import DeviceTile from './DeviceTile';

test/components/views/settings/shared/SettingsSubsectionHeading-test.tsx

@@ -17,7 +17,7 @@ limitations under the License.
 import { render } from '@testing-library/react';
 import React from 'react';
 
-import SettingsSubsectionHeading from '../../../../../src/components/views/settings/shared/SettingsSubsectionHeading';
+import { SettingsSubsectionHeading } from '../../../../../src/components/views/settings/shared/SettingsSubsectionHeading';
 
 describe('<SettingsSubsectionHeading />', () => {
     const defaultProps = {