Question: I'm trying to ask a user to enter two binary sequences and check if they are valid. here is my code.

```
char seq1[8], seq2[8];
printf("Enter 1st 8-bit sequence: ");
scanf("%8s", seq1);
getchar();
printf("\nEnter 2nd 8-bit sequence: ");
scanf("%8s", seq2);
getchar();
printf("\n");
printf("%s\n", seq1);
printf("%s\n", seq2);

if(strlen(seq1) < 8 || strlen(seq2) < 8){
    printf("Error: must enter 8-bits\n");
    exit(1);
}
for(int i = 0; seq1[i]!='\0'; i++){
    if(seq1[i]>48||seq1[i]<49){
        printf("Error: non-binary detected\n");
        exit(1);
    }

}
for(int i = 0; seq2[i]!='\0'; i++){
    if(seq2[i]>48||seq2[i]<49){
        printf("Error: non-binary detected\n");
        exit(1);
    }

}

```

When printing the strings I get the second string (seq2) added onto the end of seq1, and it always comes back as "Non-binary detected" even if it's all 1's and 0's. 

[example](https://i.stack.imgur.com/nsjT9.png)

Answer: 
A great solution to this problem is to use a polyfill like this: <https://github.com/talkjs/country-flag-emoji-polyfill>

You just add a font to every place where you use a flag emoji:

```
body {
  font-family: "Twemoji Country Flags", "Helvetica", "Comic Sans", serif;
}

```

There is also a [Chrome extension](https://chrome.google.com/webstore/detail/country-flag-fixer/jhcpefjbhmbkgjgipkhndplfbhdecijh) that uses this polyfill to fix this problem. Looking at their [source code](https://github.com/matthijs110/chrome-country-flags), they just add the font to every HTML element containing a flag emoji. Seems to be a better solution then using PNG's.
Can use react-select to create dropdown with below properties.

Need to create Array of object with two-letter country code, label and value for dropdown.

```
{
      label: `india`,
      value: `+91`,
      emojiFlag: 'IN'
}

```

Code to convert two-letter country code to flag png of Flagcdn.

```
flagemojiToPNG = (flag: string) => {
    var countryCode = Array.from(flag, (codeUnit: any) => codeUnit.codePointAt()).map(char => String.fromCharCode(char-127397).toLowerCase()).join('')
    return (<img src={`https://flagcdn.com/24x18/${countryCode}.png`} alt='flag' />)
  }

Import Select from 'react-select';
<Select
          options={dataSource}
          formatOptionLabel={data => (
            <>{flagemojiToPNG(data.emojiFlag)}  {data.label}</>
          )}
          placeholder={"Select Country"}
          onChange={}
          value={}
        />

```

Can render image on React select with formatOptionLabel Prop of React-select.
datasource- Will be your dropdown's datasource.