fix

src/components/BoardList/BoardList.jsx

@@ -3,6 +3,7 @@ import PropTypes from 'prop-types';
 import { BoardItem } from '../BoardItem/BoardItem';
 import sprite from 'assets/icons/sprite.svg';
 import s from './BoardList.module.scss';
+import shortid from 'shortid';
 
 export const BoardList = ({ theme, boards, currentBoard }) => {
   const [current, setCurrent] = useState(currentBoard?._id);
@@ -13,12 +14,11 @@ export const BoardList = ({ theme, boards, currentBoard }) => {
   useEffect(() => {
     setCurrent(currentBoard?._id);
   }, [currentBoard?._id]);
-
   return (
     <ul className={s.list}>
       {boards.map(({ title, icon, _id }) => (
         <BoardItem
-          key={_id}
+          key={shortid.generate()}
           boardName={title}
           icon={`${sprite}#${icon}`}
           theme={theme}

src/components/BoardModalWindow/BoardModalWindow.jsx

@@ -18,7 +18,7 @@ export const BoardModalWindow = ({
 }) => {
   const theme = useSelector(selectorTheme);
   const [title, setTitle] = useState(inputTitle);
-  const [background, setBackground] = useState('dark');
+  const [background, setBackground] = useState('null');
   const [icon, setIcon] = useState('');
   const [isValid, setIsValid] = useState(false);
 

src/components/BoxRadioBackgroundGroup/BoxRadioBackgroundGroup.jsx

@@ -12,12 +12,14 @@ import s from './BoxRadioBackgroundGroup.module.scss';
 import { currentBoard } from 'redux/Boards/boardsSelectors';
 
 export const BoxRadioBackgroundGroup = ({ valueChange }) => {
+  const dispatch = useDispatch();
+
   const thumbnails = useSelector(selectBackgroundThumbnails);
   const loading = useSelector(selectBackgroundLoading);
   const theme = useSelector(selectorTheme);
-  const dispatch = useDispatch();
   const board = useSelector(currentBoard);
-  const [background, setBackground] = useState(board.background);
+
+  const [background, setBackground] = useState(board?.background);
 
   const handleChange = e => {
     const selectedBackground = e.target.value;
@@ -28,10 +30,7 @@ export const BoxRadioBackgroundGroup = ({ valueChange }) => {
   useEffect(() => {
     dispatch(getListOfThumbnails());
   }, [dispatch]);
-
-  useEffect(() => {
-    setBackground('default');
-  }, []);
+
   return (
     <div className={s.backgroundGroupWrapper}>
       <h1 className={`${s.label} ${s[theme]}`}>Background</h1>