/TypeScript/React router dom private route typescript

React router dom private route typescript

import * as React from "react";
import { Route } from "react-router-dom";

interface IProps {
    exact?: boolean;
    path: string;
    component: React.ComponentType<any>;
}

const LoggedOutRoute = ({
    component: Component,
    ...otherProps
}: IProps) => (
    <>
        <header>Logged Out Header</header>
        <Route
            render={otherProps => (
                <>
                    <Component {...otherProps} />
                </>
            )}
        />
        <footer>Logged Out Footer</footer>
    </>
);

export default LoggedOutRoute;

Source: stackoverflow.com

Similar codes

1 vote188 views1 answer
Check if a date is before another date in typescript
TypeScript
1 vote188 views1 answer
Azure artifacts npm install latest version not updating
TypeScript
0 vote219 views1 answer
The derived ungapped alignments are calleed
TypeScript
0 vote201 views1 answer
How to update firebase document field angular
TypeScript
0 vote156 views1 answer
Allow specific string in type
TypeScript
0 vote232 views1 answer
None of the following functions can be called with the arguments supplied. makeText(Context!, CharSequence!, Int) defined in android.widget.Toast makeText(Context!, Int, Int) defined in android.widget.Toast
TypeScript
0 vote180 views6 answers
Python double check if wants to execute funtion
TypeScript
-1 vote208 views1 answer
Directions api remove points bubble
TypeScript
1 vote198 views1 answer
React filter contains
TypeScript
2 votes206 views1 answer
Loaded because running scripts is disabled on this s
TypeScript