how to resolve overload errors in reactjs

Question

import React from 'react'
import { Link } from 'react-scroll'
import "./Protocol.css"
import { ANALYTICS, TRADE, USERS, TRADERS, VOTES, ZEROES } from "../../Constants"
const Protocol = () => {
    return (
        <div className="Protocol_container">
            <div className="Protocol_heading">
                {ANALYTICS}
            </div>
            <div className="Protocol_content">
                <Link>
                    <p>{ZEROES}</p>{TRADE}
                </Link>
                <Link >
                    <p>{ZEROES}</p>{USERS}
                </Link>
                <Link >
                    <p>{ZEROES}</p>{TRADERS}
                </Link>
                <Link>
                    <p>{ZEROES}</p>{VOTES}
                </Link>
            </div>

        </div>
    )
}
export default Protocol

getting err as

No overload matches this call. Overload 1 of 2, '(props: LinkProps | Readonly): Link', gave the following error. Property 'to' is missing in type '{ children: (string | Element)[]; }' but required in type 'Readonly'. Overload 2 of 2, '(props: LinkProps, context: any): Link', gave the following error. Property 'to' is missing in type '{ children: (string | Element)[]; }' but required in type 'Readonly'.

you need to add the to property in your Link component. for example: <Link to: '/home'>. — Pradip Dhakal
– Pradip Dhakal, Commented Nov 15, 2021 at 13:31

grVT7 · Accepted Answer · 2021-11-15 13:38:35Z

1

Link need prop to="where to go", if you want to go nowhere just use to="#"

answered Nov 15, 2021 at 13:38

grVT7

262 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

how to resolve overload errors in reactjs

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related