Kokopu-React is a React-based library to create and display chessboard and chess-related components. Kokopu-React is built on top of Kokopu, a headless library that implements all the chess logic (game rules, parsing of FEN and PGN formats...).
https://kokopu-react.yo35.org/
npm install kokopu-react
If you use Webpack, please look at webpack configuration to get more information on how to configure it to handle Kokopu-React properly.
import React from 'react';
import { createRoot } from 'react-dom/client';
import { Chessboard } from 'kokopu-react';
createRoot(document.body).render(<Chessboard />);
More examples available in documentation & live-demo.