Как исправить ошибку с вебпак конфигом?

так проблема в том, что в том файле никто ничего не менял, уже оч давно и там нет такого синтаксиса

function reducer(state = {}, action): Record<string, unknown> {
  if (action.type === 'CHANGE_NAME') {
    return {
      ...state,
      name: action.payload,
    };
  }
  return state;
}

export const store = createStore(
  combineReducers({
    i18n: i18nReducer,
    alert: alertReducer,
    portals: portalElementsReducer,
    form: formReducer,
    tableReducer: tableReducer,
  }),
  {
    i18n: {},
    portals: { portalsList: [] },
  },
  applyMiddleware(i18nMiddleware),
);

declare global {
  export type RootState = ReturnType<typeof store.getState>;
}

export const dispatch: Dispatch = store.dispatch;

Как добавить прослушивание веб-сокетов к серверу, развернутому для обычных HTTP-запросов?

Дмитрий Беляев, чуть по другому выше уже сделала, спасибо)

Как добавить прослушивание веб-сокетов к серверу, развернутому для обычных HTTP-запросов?

вдруг кому то будет интересно или нужно

const express = require('express')
const socketIo = require('socket.io')
const bodyParser = require('body-parser')
const cors = require('cors')
const cookieParser = require('cookie-parser')
require('dotenv').config()
const mongoose = require('mongoose')
const router = require('./router/index')
const errorMiddleware = require('./middlewares/error-middleware')
const http = require('http')
const WebSocket = require('ws')
const { handleWebSocketConnection } = require('./websockets/socket-controller')

const PORT = process.env.PORT || 5000
const app = express()

app.use(express.json())
app.use(cookieParser())
app.use(
  cors({
    credentials: true,
    origin: process.env.CLIENT_URL,
  })
)
app.use(bodyParser.json())
app.use('/api', router)
const server = http.createServer(app)
const wss = new WebSocket.Server({ server, path: '/api/messages' })
app.use(errorMiddleware)

wss.on('connection', handleWebSocketConnection)

const start = async () => {
  try {
    await mongoose.connect(process.env.DB_URL, {
      useNewUrlParser: true,
      useUnifiedTopology: true,
    })
    server.listen(PORT, () => console.log(`Server started on PORT = ${PORT}`))
  } catch (error) {
    console.log(error)
  }
}

start()

const handleWebSocketConnection = (ws) => {
  console.log('New WebSocket connection')

  ws.on('message', (message) => {
    console.log(`Received WebSocket message: ${message}`)
  })

  ws.send('WebSocket connection established!')
}

module.exports = { handleWebSocketConnection }

единственное что почему то завелся с 10 раза, возможно проблема в том что монгодб сейчас только через впн доступно

Как добавить прослушивание веб-сокетов к серверу, развернутому для обычных HTTP-запросов?

только закончила этот настраивать, хотелось бы уже его доделать, что то следующее попробую на ASP собрать)

Как добавить прослушивание веб-сокетов к серверу, развернутому для обычных HTTP-запросов?

если это в таком виде должно быть, то подключиться не получается

const PORT = process.env.PORT || 5000

const app = express()

const server = http.createServer(app)
const wss = new ws.Server({ server: server, path: '/messages' })

server.on('upgrade', (request, socket, head) => {
  wss.on('connection', (socket) => {
    console.log('New WebSocket connection')

    socket.on('message', (message) => {
      console.log(`Received message: ${message}`)
    })
  })
})

const socket = new WebSocket('ws://localhost:5000/messages')

WebSocket connection to 'ws://localhost:5000/messages' failed

Почему CSSTransition не вешает стили?

dicem,

const profileList = [
    { title: 'Settings', icon: <Gear />, ref: createRef(null),  },
    {
      title: 'Log out',
      onClick: handleLogOut,
      icon: <LogOut />,
      ref: createRef(null),
    },
  ]

const DropDown = (props) => {
  const { icon, list } = props
  const dropdownRef = useRef(null)
  const [isDropDawnActive, setIsDropDawnActive] = useState(false)

  useClickOutSide(dropdownRef, () => {
    if (isDropDawnActive) setIsDropDawnActive(false)
  })

  const handleDropDawn = () => {
    setIsDropDawnActive(!isDropDawnActive)
  }

  return (
    <div className={styles.dropDawn} ref={dropdownRef}>
      <div className={styles.dropDawnButton}>
        <CustomButton
          type={'button'}
          icon={icon}
          isScalabale={false}
          onClick={handleDropDawn}
        />
      </div>
      {isDropDawnActive && (
        <ul className={styles.dropDawnMenu}>
          <TransitionGroup>
            {list.map((item) => (
              <CSSTransition
                key={item.title}
                nodeRef={item.ref}
                timeout={1500}
                classNames={{
                  enter: styles.dropDawnItemEnter,
                  enterActive: styles.dropDawnItemEnterActive,
                  exit: styles.dropDawnItemExit,
                  exitActive: styles.dropDawnItemExitActive,
                }}
              >
                <li className={styles.dropDawnItem} onClick={item.onClick}>
                  {item.icon}
                  <span className={styles.dropDawnItemText}>{item.title}</span>
                </li>
              </CSSTransition>
            ))}
          </TransitionGroup>
        </ul>
      )}
    </div>
  )
}

export default DropDown

Почему CSSTransition не вешает стили?

dicem, спасибо за совет, но не помогло

Почему состояние в useState меняется само?

chemdev, а как проще это реалищовать?

Почему состояние в useState меняется само?

WbICHA, проблема решилась остановкой всплытия у дочернего компонента

Почему состояние в useState меняется само?

chemdev, включила, ошибок не выдает