react-fullPage 커스텀

import styled from 'styled-components';
import { SectionsContainer, Section } from 'react-fullpage';

function Home() {
	let options = {
		anchors: ['first', 'second'],
	};

	const Wrapper = styled.div`
		.Navigation {
			right: 1px !important;
		}
	`;

	const StyledSection = styled(Section)`
		background-color: black;
		color: #eee;
	`;

	const SecondSection = styled(StyledSection)`
		margin-top: -56.5px;
	`;

	return (
      <Wrapper>
        <SectionsContainer {...options}>
          <StyledSection>Page 1</StyledSection>
          <SecondSection>Page 2</SecondSection>
        </SectionsContainer>
      </Wrapper>
	);
}

export default Home;

!important 주어야만 css 적용 됨.

참고
https://www.npmjs.com/package/react-fullpage