🚀 Reviving the React Quiz Component — Now Ready for React 19 and Remix

Over the years, the popular react-quiz-component library has been widely used for building interactive quizzes in React apps. Unfortunately, the original package was abandoned and stopped working with the latest versions of React and Remix.

• React 19 compatibility — rewritten with modern hooks, strict mode, and concurrent rendering support.
• Remix and React Router v7+ ready — works seamlessly with route-based rendering and streaming.
• Modern build setup — now uses Vite and TypeScript under the hood for faster builds and better DX.
• Improved state management — replaced outdated class components with function components and custom hooks.
• Full ES module support — works out of the box with ESM imports and tree-shaking.
• Better customization — all styles and components are now override-friendly, allowing easy theme integration.
• Bug fixes & performance improvements — fixed rendering glitches, async state updates, and prop validation issues from the original package.
  
  

npm install react-quiz-component-ready
# or
yarn add react-quiz-component-ready

import { Quiz } from "react-quiz-component-ready";

const quiz = {
  quizTitle: "React Basics",
  questions: [
    {
      question: "What hook is used for state in React?",
      answers: ["useEffect", "useState", "useMemo"],
      correctAnswer: "useState",    },
  ],
};

export default function App() {
  return <Quiz quiz={quiz} />;
}

• React 18 and 19
• Remix (latest)
• React Router 7+
• Vite, Next.js, CRA (legacy)
  
  

• React 19
• TypeScript
• Vite
• ESLint + Prettier
• Vitest