chore: chamge import

tabs/src/components/CustomColumnResizeIcon.jsx

@@ -1,4 +1,4 @@
-import { React, useCallback, useEffect, useState } from 'react';
+import React, { useCallback, useEffect, useState } from 'react';
 import { GridSeparatorIcon } from '@mui/x-data-grid';
 
 export default function CustomColumnResizeIcon({ onWidthChanged, id }) {

tabs/src/components/CustomDrawer.jsx

@@ -1,4 +1,4 @@
-import { React } from 'react';
+import React from 'react';
 import { styled } from '@mui/material/styles';
 import MuiDrawer from '@mui/material/Drawer';
 

tabs/src/components/EventDialogTitle.jsx

@@ -1,4 +1,4 @@
-import { React, useState, useEffect } from 'react';
+import React, { useState, useEffect } from 'react';
 import { Box, Typography } from '@mui/material';
 import { format } from 'date-fns';
 import { useConfiguration } from '../data/hooks/useConfiguration';

tabs/src/components/HtmlBox.jsx

@@ -1,14 +1,15 @@
-import { React } from 'react';
+import React from 'react';
 import { Box } from '@mui/material';
 import DOMPurify from 'dompurify';
 
-DOMPurify.addHook('afterSanitizeAttributes', function (node) {
-  // set all elements owning target to target=_blank
-  if ('target' in node) {
-    node.setAttribute('target', '_blank');
-    node.setAttribute('rel', 'noopener');
-  }
-});
+DOMPurify.isSupported &&
+  DOMPurify.addHook('afterSanitizeAttributes', function (node) {
+    // set all elements owning target to target=_blank
+    if ('target' in node) {
+      node.setAttribute('target', '_blank');
+      node.setAttribute('rel', 'noopener');
+    }
+  });
 
 export function HtmlBox({ html }) {
   return (

tabs/src/components/ResizableGrid.jsx

@@ -1,4 +1,4 @@
-import { React, useCallback, useEffect, useState } from 'react';
+import React, { useCallback, useEffect, useState } from 'react';
 import { DataGrid } from '@mui/x-data-grid';
 import CustomColumnResizeIcon from './CustomColumnResizeIcon';
 import Constants from '../data/constants.json';

tabs/src/components/Tab.jsx

@@ -1,4 +1,4 @@
-import { React, useState, useEffect, useCallback } from 'react';
+import React, { useState, useEffect, useCallback } from 'react';
 import { useMediaQuery } from 'react-responsive';
 
 import { getMe } from '../data/provider';

tabs/src/components/UnderConstruction.jsx

@@ -1,5 +1,5 @@
 import ConstructionIcon from '@mui/icons-material/Construction';
-import { React } from 'react';
+import React from 'react';
 import { Box, Typography } from '@mui/material';
 
 export function UnderConstruction() {

tabs/src/components/activity/Activity.jsx

@@ -1,4 +1,4 @@
-import { React, useState, useEffect, useCallback } from 'react';
+import React, { useState, useEffect, useCallback } from 'react';
 import {
   Backdrop,
   CircularProgress,

tabs/src/components/activity/ConsultationList.jsx

@@ -1,4 +1,4 @@
-import { React, useCallback, useState } from 'react';
+import React, { useCallback, useState } from 'react';
 import { format } from 'date-fns';
 import { Button, Box, Typography, Link, Dialog, IconButton, Tooltip } from '@mui/material';
 import TaskAltIcon from '@mui/icons-material/TaskAlt';

tabs/src/components/activity/EventList.jsx

@@ -1,4 +1,4 @@
-import { React, useState } from 'react';
+import React, { useState } from 'react';
 
 import {
   Box,

tabs/src/components/activity/GroupsTags.jsx

@@ -1,4 +1,4 @@
-import { React } from 'react';
+import React from 'react';
 import { Chip, Tooltip } from '@mui/material';
 
 export function GroupsTags({ groups, handleClick, isDialog }) {

tabs/src/components/activity/ObligationList.jsx

@@ -1,4 +1,4 @@
-import { React } from 'react';
+import React from 'react';
 
 import { Box, Typography, Link } from '@mui/material';
 import TaskAltIcon from '@mui/icons-material/TaskAlt';

tabs/src/components/activity/PublicationList.jsx

@@ -1,4 +1,4 @@
-import { React } from 'react';
+import React from 'react';
 
 import { Box, Typography, Chip, Tooltip, Link } from '@mui/material';
 

tabs/src/components/activity/Reporting.jsx

@@ -1,5 +1,5 @@
 import { Box } from '@mui/material';
-import { React } from 'react';
+import React from 'react';
 import { UnderConstruction } from '../UnderConstruction';
 
 export function Reporting() {

tabs/src/components/event_rating/EventRating.jsx

@@ -1,4 +1,4 @@
-import { React, useState } from 'react';
+import React, { useState } from 'react';
 import { Box, Button, CircularProgress, Backdrop, Rating, Typography } from '@mui/material';
 
 import CheckIcon from '@mui/icons-material/Check';

tabs/src/components/event_rating/EventRatingDialog.jsx

@@ -1,4 +1,4 @@
-import { React } from 'react';
+import React from 'react';
 import { Dialog, DialogTitle, IconButton } from '@mui/material';
 
 import CloseIcon from '@mui/icons-material/Close';

tabs/src/components/event_registration/Approval.jsx

@@ -1,4 +1,4 @@
-import { React, useState } from 'react';
+import React, { useState } from 'react';
 import { Box, TextField, Checkbox, Autocomplete, FormControlLabel } from '@mui/material';
 import AssignmentTurnedInIcon from '@mui/icons-material/AssignmentTurnedIn';
 import AssignmentLateIcon from '@mui/icons-material/AssignmentLate';

tabs/src/components/event_registration/ApprovalDialog.jsx

@@ -1,4 +1,4 @@
-import { React } from 'react';
+import React from 'react';
 import { Dialog, DialogTitle, IconButton } from '@mui/material';
 
 import CloseIcon from '@mui/icons-material/Close';

tabs/src/components/event_registration/ApprovalList.jsx

@@ -1,4 +1,4 @@
-import { React, useRef, useState } from 'react';
+import React, { useRef, useState } from 'react';
 import { Box, Button, CircularProgress, Backdrop } from '@mui/material';
 import CheckIcon from '@mui/icons-material/Check';
 import SaveIcon from '@mui/icons-material/Save';

tabs/src/components/event_registration/EventRegistration.jsx

@@ -1,4 +1,4 @@
-import { React, useState } from 'react';
+import React, { useState } from 'react';
 import {
   Box,
   Checkbox,

tabs/src/components/my_country/AtAGlance.jsx

@@ -1,4 +1,4 @@
-import { React, useState, useEffect } from 'react';
+import React, { useState, useEffect } from 'react';
 import { Box, Typography, Backdrop, CircularProgress } from '@mui/material';
 import { IndicatorCard } from './IndicatorCard';
 import { CountryProgress } from './CountryProgress';

tabs/src/components/my_country/CountryMembers.jsx

@@ -1,4 +1,4 @@
-import { React, useEffect, useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import './my_country.scss';
 import { Box, Typography, Backdrop, CircularProgress } from '@mui/material';
 import { getADUserInfos } from '../../data/sharepointProvider';

tabs/src/components/my_country/CountryProgress.jsx

@@ -1,4 +1,4 @@
-import { React, useState } from 'react';
+import React, { useState } from 'react';
 import { Box, Typography, Tab, Tabs } from '@mui/material';
 import PropTypes from 'prop-types';
 import { YearlyProgress } from './YearlyProgress';

tabs/src/components/my_country/DataReporters.jsx

@@ -1,4 +1,4 @@
-import { React } from 'react';
+import React from 'react';
 import { Box } from '@mui/material';
 import { UnderConstruction } from '../UnderConstruction';
 

tabs/src/components/my_country/FullCircularProgress.jsx

@@ -1,4 +1,4 @@
-import { React } from 'react';
+import React from 'react';
 import { Box, CircularProgress } from '@mui/material';
 
 export function FullCircularProgress({ totalCount, responseCount }) {

tabs/src/components/my_country/GroupView.jsx

@@ -1,4 +1,4 @@
-import { React, useEffect, useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import './my_country.scss';
 import ResizableGrid from '../ResizableGrid';
 import { Box, Divider, Typography, Backdrop, CircularProgress } from '@mui/material';

tabs/src/components/my_country/GroupsBoard.jsx

@@ -1,4 +1,4 @@
-import { React, useState } from 'react';
+import React, { useState } from 'react';
 import { Box, ListItem, ListItemButton, ListItemText, IconButton } from '@mui/material';
 
 import MenuIcon from '@mui/icons-material/Menu';

tabs/src/components/my_country/IndicatorCard.jsx

@@ -1,4 +1,4 @@
-import { React, useState } from 'react';
+import React, { useState } from 'react';
 import { Typography, Card, CardContent, Dialog, Link, Button, IconButton } from '@mui/material';
 import HelpOutlineIcon from '@mui/icons-material/HelpOutline';
 

tabs/src/components/my_country/ManagementBoard.jsx

@@ -1,4 +1,4 @@
-import { React } from 'react';
+import React from 'react';
 import { Box, Chip, Tooltip } from '@mui/material';
 import ResizableGrid from '../ResizableGrid';
 

tabs/src/components/my_country/MyCountry.jsx

@@ -1,4 +1,4 @@
-import { React, useState, useEffect, useCallback } from 'react';
+import React, { useState, useEffect, useCallback } from 'react';
 import {
   Backdrop,
   Box,

tabs/src/components/my_country/ProgressGauge.jsx

@@ -1,4 +1,4 @@
-import { React, useState } from 'react';
+import React, { useState } from 'react';
 import {
   Box,
   Button,

tabs/src/components/my_country/ScientificCommittee.jsx

@@ -1,4 +1,4 @@
-import { React } from 'react';
+import React from 'react';
 import { Box } from '@mui/material';
 import { UnderConstruction } from '../UnderConstruction';
 

tabs/src/components/my_country/UserCard.jsx

@@ -1,4 +1,4 @@
-import { React } from 'react';
+import React from 'react';
 import { Avatar, Box, CardContent, Card, Typography, Chip } from '@mui/material';
 import EmailOutlinedIcon from '@mui/icons-material/EmailOutlined';
 

tabs/src/components/my_country/YearlyProgress.jsx

@@ -1,4 +1,4 @@
-import { React } from 'react';
+import React from 'react';
 import { Box, Typography } from '@mui/material';
 import { ProgressGauge } from './ProgressGauge';
 

tabs/src/components/self_service/UserEdit.jsx

@@ -1,4 +1,4 @@
-import { React, useState, useEffect } from 'react';
+import React, { useState, useEffect } from 'react';
 import { saveData } from '../../data/selfServiceProvider';
 import { getGenderList } from '../../data/selfServiceSharepointProvider';
 import { validateMandatoryField, validateName, validatePhone } from '../../data/validator';