اريد تصدير PDF من Nextjs يعمل كود ولكن لا يدعم عربي

'use client'

import React from 'react'
import { usePDF } from 'react-to-pdf'

export default function Component () {
  const { toPDF, targetRef } = usePDF({ filename: 'page.pdf' })

  return (
    <div className="w-full max-w-2xl mx-auto p-4">
      <div>

        <div>
          <div ref={targetRef} className="bg-white p-4 rounded-md">
            <h1 className="text-2xl font-bold mb-4">Sample JSX Content</h1>
            <p className="mb-2">This is a paragraph of text that will be
              converted to PDF.</p>
            <ul className="list-disc list-inside mb-2">
              <li className="">عربي لا تدعم</li>
              <li>Item 2</li>
              <li>Item 3</li>
            </ul>
            <table className="w-full border-collapse border border-gray-300">
              <thead>
              <tr className="bg-gray-100">
                <th className="border border-gray-300 p-2">Header 1</th>
                <th className="border border-gray-300 p-2">Header 2</th>
              </tr>
              </thead>
              <tbody>
              <tr>
                <td className="border border-gray-300 p-2">Row 1, Cell 1</td>
                <td className="border border-gray-300 p-2">Row 1, Cell 2</td>
              </tr>
              <tr>
                <td className="border border-gray-300 p-2">Row 2, Cell 1</td>
                <td className="border border-gray-300 p-2">Row 2, Cell 2</td>
              </tr>
              </tbody>
            </table>
          </div>
        </div>
        <div>
          <button onClick={() => toPDF()}>Download PDF</button>
        </div>
      </div>
    </div>
  )
}