case MOVE_SNAKE:
      const current_y = state.matrixPos.findIndex(
        (item) => item[0].top === state.snake.headPos.top
      );
      const current_x = state.matrixPos[current_y].findIndex(
        (item) => item.left === state.snake.headPos.left
      );
      const body = [
        state.matrixPos[current_y][current_x],
        ...state.snake.body.slice(0, -1),
      ];

      let new_x = current_x;
      let new_y = current_y;

      if (state.snake.direction === directions.up) {
        new_y++;
      }
      if (state.snake.direction === directions.down) {
        new_y--;
      }
      if (state.snake.direction === directions.left) {
        new_x--;
      }
      if (state.snake.direction === directions.right) {
        new_x++;
      }

      if (new_x < 0 || new_x > 39 || new_y < 0 || new_y > 15) {
        return {
          score: 0,
          speed: 1,
          matrixPos: state.matrixPos,
          play: false,
          mousePosition:
            state.matrixPos[mouseStartPosition.top][mouseStartPosition.left],
          snake: {
            headPos:
              state.matrixPos[snakeStartPosition.top][snakeStartPosition.left],
            body: [
              state.matrixPos[snakeStartPosition.top][
                snakeStartPosition.left - 1
              ],
              state.matrixPos[snakeStartPosition.top][
                snakeStartPosition.left - 2
              ],
            ],
            direction: directions.right,
          },
          validDirection: true,
          showModal: true,
        };
      }

      const selfBite = state.snake.body.some((item) => {
        return (
          item.top === state.matrixPos[new_y][new_x].top &&
          item.left === state.matrixPos[new_y][new_x].left
        );
      });

      if (selfBite) {
        return {
          score: 0,
          speed: 1,
          matrixPos: state.matrixPos,
          play: false,
          mousePosition:
            state.matrixPos[mouseStartPosition.top][mouseStartPosition.left],
          snake: {
            headPos:
              state.matrixPos[snakeStartPosition.top][snakeStartPosition.left],
            body: [
              state.matrixPos[snakeStartPosition.top][
                snakeStartPosition.left - 1
              ],
              state.matrixPos[snakeStartPosition.top][
                snakeStartPosition.left - 2
              ],
            ],
            direction: directions.right,
          },
          validDirection: true,
          showModal: true,
        };
      }

      return {
        ...state,
        snake: {
          ...state.snake,
          body,
          headPos: state.matrixPos[new_y][new_x],
        },
      };