How to remove default box-shadow in Chakra UI?

Question

I'm using Chakra UI library for my project (React/Next.js). Not allowed to use a separate CSS file and have to avoid much "clear" CSS in my current application.

The focused links get a blue "outline" - Chakra adds a box-shadow to them.

What is the best way to do it? Two ones I've seen in net:
1. To add boxShadow="none !important" to each Link.
2. To use a "focus-visible" package.

Answer 1

I've found an easier solution, if someone needs it:

https://code.sololearn.com/WWR3b98s1LW4/?ref=app