How can i navigate a list through arrow keys in react?

I am looking for the simplest solution to navigate the list through arrow keys.

{SearchResult.map((country)=>{
            return <div className='border-b'>{country.properties.name}</div>
          })}

im not sure if you’re using “react” or not but regardless this should be helpful javascript - React: How to navigate through list by arrow keys - Stack Overflow