Unable to render text in arabic using React-pdf

I am trying to display Arabic text in pdf using react-pdf but it shows un-appropriate text

Following is the text in png that I have tried to show in Arabic and English but only English letters are displayed but not the Arabic text.

And Following is the small snippet which I have used for setting the font family

import FontBold from '@assets/fonts/Inter/Inter-Bold.ttf';

import {styles} from './styles';

Font.register({
  family: 'Inter',
  fonts: [
    {
      src: FontRegular,
    },
    {
      src: FontMedium,
      fontWeight: 500,
    },
    {
      src: FontSemiBold,
      fontWeight: 600,
    },
    {
      src: FontBold,
      fontWeight: 700,
    },
  ],
});