question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Material-ui RadioButtonGroup doesn't seem to be working with React Starter Kit?

See original GitHub issue

I posted this issue on StackOverflow as well.

I’m implementing material-ui’s RadioButtonGroup component but it seems like there’s something in React Starter Kit that’s making it incompatible. Any idea what it could be?

When I create a fresh webpack of it here, it works fine, but when I go through RSK’s routing, what I get is something that looks like this. The buttons are unresponsive.

I’ve wrapped material-ui in my client and made sure to inject the tap event plugin.

// client.js

import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
import injectTapEventPlugin from 'react-tap-event-plugin';
injectTapEventPlugin();

...
...
    appInstance = ReactDOM.render(
      <App context={context}><MuiThemeProvider>{route.component}</MuiThemeProvider></App>,
      container,
      () => onRenderComplete(route, location),
    );
import React from 'react';
import { RadioButton, RadioButtonGroup } from 'material-ui/RadioButton';

class Contact extends React.Component {

  render() {
    return (
      <div>
        <RadioButtonGroup name="shipSpeed" defaultSelected="not_light">
          <RadioButton
            value="light"
            label="Simple"
          />
          <RadioButton
            value="not_light"
            label="Selected by default"
          />
          <RadioButton
            value="ludicrous"
            label="Custom icon"
          />
        </RadioButtonGroup>
      </div>
    );
  }
}

export default (Contact);

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:11 (1 by maintainers)

github_iconTop GitHub Comments

4reactions
CostaRicocommented, Nov 9, 2017

+1

browserSync({
	port: 3000,
	ui: {
		port: 3001
	},
	ghostMode: false, // <-  

Thx to @kamaz

0reactions
ulanicommented, May 27, 2021

@vu0tran thank you very much for crating this issue! Unfortunately, we have close it due to inactivity. Feel free to re-open it or join our Discord channel for discussion.

NOTE: The main branch has been updated with React Starter Kit v2, using JAM-style architecture.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Material ui radio button group not changing on select
I have checked and setValue is being called and changing the value, so I don't understand why the value change isn't being reflected...
Read more >
React Material UI Tutorial - 9 - Radio Button - YouTube
Courses - https://learn.codevolution.dev/ Support - https://www.paypal.me/Codevolution Github - https://github.com/gopinav⚡️ Checkout ...
Read more >
React Radio Group component - Material UI - MUI
Radio Group. The Radio Group allows the user to select one option from a set. Use radio buttons when the user needs to...
Read more >
Best React component libraries (2022 edition) - Retool
Developed by Google in 2014, Material-UI is a general-purpose customizable component library to build React applications.
Read more >
Button Group - React-Bootstrap
Group a series of buttons together on a single line or stack them in a vertical column. Basic example#. Wrap a series of...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found