Replace the canvas with SVG layer

import { RenderPageProps, Viewer } from '@react-pdf-viewer/core';

const CustomPageLayer: React.FC<{
    renderPageProps: RenderPageProps
}> = ({ renderPageProps }) => {
    React.useEffect(() => {
        // Mark the page as rendered completely when the text layer is rendered
        // So the next page in the document will be rendered
        if (renderPageProps.textLayerRendered) {
            renderPageProps.markRendered(renderPageProps.pageIndex);
        }
    }, [renderPageProps.textLayerRendered]);

    return (
        <>
            {renderPageProps.svgLayer.children}
            {renderPageProps.textLayer.children}
            {renderPageProps.annotationLayer.children}
        </Layout>
    );
};

<Viewer
    fileUrl="/path/to/document.pdf"
    renderPage={(renderPageProps) => <CustomPageLayer renderPageProps={renderPageProps} />}
/>