Hacktoberfest 2026: những issue maintainer đã đánh dấu cho tháng Mười, đang mở và phù hợp người mới. Xem issue Hacktoberfest

Issue: react-ui-components cannot work with react17

Đang mở
#309 1 bình luận 0 reaction 0 người được giao Xem trên GitHub

Chưa có ai nhận issue này.

Đánh giá

Độ khó
3/5
Thời gian dự kiến
1-2 ngày
Mức phù hợp với người mới
38/100
Loại issue
Lỗi
Độ rõ ràng
Khá rõ ràng
Mức độ hoạt động
Đình trệ
Công nghệ
nextjs, react, typescript
Lĩnh vực
frontend, web-dev

Hướng nghiên cứu

Bắt đầu bằng cách chạy npm run dev trong Guard/examples/nextjs-react với thiết lập React 17 và Next 12 đã nêu. Đọc các vị trí trong stack được báo cáo ở node_modules/@authing/react-ui-components và lib/index.min.js, sau đó so sánh thiết lập dependency của example với các package đã cài đặt. Được xem là hoàn tất khi example chạy mà không có lỗi Invalid hook call.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Mô tả

bug
  • Version:
    react 17, next 12 and the react-ui-components is the latest version

  • Platform:
    MAC

Severity:

Critical

Description:

run the nextjs-react example, it cannot work with reach17(default setup in the exaple)

Steps to reproduce the error:

folk the github code, in the folder Guard/examples/nextjs-react, run npm run dev, it will show this error

Unhandled Runtime Error
Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:

  1. You might have mismatching versions of React and the renderer (such as React DOM)
  2. You might be breaking the Rules of Hooks
  3. You might have more than one copy of React in the same app
    See https://fb.me/react-invalid-hook-call for tips about how to debug and fix this problem.

Call Stack
resolveDispatcher
node_modules/@authing/react-ui-components/node_modules/react/cjs/react.development.js (1465:0)
useEffect
node_modules/@authing/react-ui-components/node_modules/react/cjs/react.development.js (1508:0)
fW
node_modules/@authing/react-ui-components/lib/index.min.js (2:2209173)

Ngôn ngữ chính
TypeScript
Star
1.4k
Fork
152
Chỉ số merge pull request
Không có pull request nào được merge trong 30 ngày

Chuẩn bị môi trường

Bắt đầu từ đâu

  1. Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
  2. Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
  3. Fork repository và làm thay đổi trên một nhánh.
  4. Mở pull request có tham chiếu số hiệu của issue.

Issue khác của Authing/Guard

Tất cả issue của Authing/Guard

Issue tương tự

Thêm issue về TypeScript

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.