안녕하세요. 저는 타입스크립트를 연습하며 앱을 만들던중
로그인을 구현해보고싶어서 존 안님 강좌를 보게되었습니다.
어.. 제가 아직 초보라 미숙해서 그런것 같습니다만..&nbsp;
랜딩페이지의 로그아웃 부분에 props.history.push 부분에 props는 어디에서 받아오는 것인가요? 랜딩페이지는 그저 제일앞단이라 받아오는 history가 없지 않나요.,,?&nbsp;
자꾸 에러가 props를 타입으로 정의 해달라는 에러가 나오는거 같아서 음... 어떻게 해야하나 궁금해서 여쭤봅니다!&nbsp;

안녕하세요 !!!&nbsp; auth.js에서&nbsp;
<table class="highlight tab-size js-file-line-container js-code-nav-container js-tagsearch-file" style="border-spacing: 0px; border-collapse: collapse; tab-size: 8; color: #24292f; font-family: -apple-system, 'system-ui', 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; font-size: 14px; background-color: #ffffff;" data-tab-size="8" data-paste-markdown-skip="" data-tagsearch-lang="JavaScript" data-tagsearch-path="client/src/hoc/auth.js">
<tbody style="box-sizing: border-box;">
<tr style="box-sizing: border-box;">
<td id="LC33" class="blob-code blob-code-inner js-file-line" style="box-sizing: border-box; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace; font-size: 12px; color: var(--color-fg-default); overflow-wrap: normal; white-space: pre;"></td>
</tr>
<tr style="box-sizing: border-box; background-color: transparent;">
<td id="L34" class="blob-num js-line-number js-code-nav-line-number" style="box-sizing: border-box; padding: 0px 10px; width: 50px; min-width: 50px; font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace; font-size: 12px; line-height: 20px; color: var(--color-fg-subtle); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; user-select: none;" data-line-number="34"></td>
<td id="LC34" class="blob-code blob-code-inner js-file-line" style="box-sizing: border-box; padding: 0px 10px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace; font-size: 12px; color: var(--color-fg-default); overflow-wrap: normal; white-space: pre;"></td>
</tr>
<tr style="box-sizing: border-box;">
<td id="L35" class="blob-num js-line-number js-code-nav-line-number" style="box-sizing: border-box; padding: 0px 10px; width: 50px; min-width: 50px; font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace; font-size: 12px; line-height: 20px; color: var(--color-fg-subtle); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; user-select: none;" data-line-number="35"></td>
<td id="LC35" class="blob-code blob-code-inner js-file-line" style="box-sizing: border-box; padding: 0px 10px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace; font-size: 12px; color: var(--color-fg-default); overflow-wrap: normal; white-space: pre;"></td>
</tr>
<tr style="box-sizing: border-box; background-color: transparent;">
<td id="L36" class="blob-num js-line-number js-code-nav-line-number" style="box-sizing: border-box; padding: 0px 10px; width: 50px; min-width: 50px; font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace; font-size: 12px; line-height: 20px; color: var(--color-fg-subtle); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; user-select: none;" data-line-number="36"></td>
<td id="LC36" class="blob-code blob-code-inner js-file-line" style="box-sizing: border-box; padding: 0px 10px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace; font-size: 12px; color: var(--color-fg-default); overflow-wrap: normal; white-space: pre;"></td>
</tr>
<tr style="box-sizing: border-box;">
<td id="L37" class="blob-num js-line-number js-code-nav-line-number" style="box-sizing: border-box; padding: 0px 10px; width: 50px; min-width: 50px; font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace; font-size: 12px; line-height: 20px; color: var(--color-fg-subtle); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; user-select: none;" data-line-number="37"></td>
<td id="LC37" class="blob-code blob-code-inner js-file-line" style="box-sizing: border-box; padding: 0px 10px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace; font-size: 12px; color: var(--color-fg-default); overflow-wrap: normal; white-space: pre;">return (</td>
</tr>
<tr style="box-sizing: border-box; background-color: transparent;">
<td id="L38" class="blob-num js-line-number js-code-nav-line-number" style="box-sizing: border-box; padding: 0px 10px; width: 50px; min-width: 50px; font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace; font-size: 12px; line-height: 20px; color: var(--color-fg-subtle); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; user-select: none;" data-line-number="38"></td>
<td id="LC38" class="blob-code blob-code-inner js-file-line" style="box-sizing: border-box; padding: 0px 10px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace; font-size: 12px; color: var(--color-fg-default); overflow-wrap: normal; white-space: pre;">&lt;SpecificComponent {...props} user={user} /&gt;</td>
</tr>
<tr style="box-sizing: border-box;">
<td id="L39" class="blob-num js-line-number js-code-nav-line-number" style="box-sizing: border-box; padding: 0px 10px; width: 50px; min-width: 50px; font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace; font-size: 12px; line-height: 20px; color: var(--color-fg-subtle); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; user-select: none;" data-line-number="39"></td>
<td id="LC39" class="blob-code blob-code-inner js-file-line" style="box-sizing: border-box; padding: 0px 10px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace; font-size: 12px; color: var(--color-fg-default); overflow-wrap: normal; white-space: pre;">)</td>
</tr>
<tr style="box-sizing: border-box; background-color: transparent;">
<td id="L40" class="blob-num js-line-number js-code-nav-line-number" style="box-sizing: border-box; padding: 0px 10px; width: 50px; min-width: 50px; font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace; font-size: 12px; line-height: 20px; color: var(--color-fg-subtle); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; user-select: none;" data-line-number="40"></td>
<td id="LC40" class="blob-code blob-code-inner js-file-line" style="box-sizing: border-box; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace; font-size: 12px; color: var(--color-fg-default); overflow-wrap: normal; white-space: pre;"></td>
</tr>
</tbody>
</table>
여기 보이는 {...props} user={user}&nbsp; &nbsp;들입니다 ㅎㅎ&nbsp; 수고하세요 !!

인프런 커뮤니티 질문&답변

LandingPage.js의 로그아웃 부분에 props





	return (
	<SpecificComponent {...props} user={user} />
	)